Colour Tints, Shades & Hues Generator - Customize & Export Flat UI Palettes | Vault 80

subheading

#1ebb75

.element {
	color: #1ebb75;
}

Color theory is a fundamental concept in the world of art and design, providing a framework for understanding how colors interact and influence one another. It encompasses a range of principles and ideas that help artists and designers create visually appealing compositions. One of the key elements of color theory is the color wheel, which serves as a visual representation of the primary, secondary, and tertiary colors. Primary colors, such as red, blue, and yellow, cannot be created by mixing other colors and are the foundation for all other colors. Secondary colors, like green, orange, and purple, result from mixing two primary colors in equal parts. Tertiary colors emerge from combining a primary color with a neighboring secondary color on the color wheel.

Another crucial concept in color theory is color harmony. Color harmonies are combinations of colors that work well together and create a pleasing visual effect. There are various types of color harmonies, including complementary, analogous, and triadic. Complementary colors are those that sit opposite each other on the color wheel and provide a strong contrast. Analogous colors are found next to each other on the wheel and create a harmonious, cohesive look. Triadic harmonies involve three colors equidistant from one another on the wheel, offering a balanced and vibrant composition. Understanding color theory allows artists and designers to make informed decisions about color choices, helping them convey the desired mood and message in their work.

• Tints
• Shades
• Hues
• Hex

Tints mix a colour toward white. Shades mix it toward black. Hues rotate around the wheel. Each step is a copyable hex, so you can pull a full scale from one base.

Body Layout Link Accent

Map the generated steps onto UI roles: body text, layout surfaces, links, and a single accent. One colour can carry a page if the contrast between those roles holds.