Loading
Preparing the next color view
Building palettes, metadata, and layout pieces for this route.
Building palettes, metadata, and layout pieces for this route.
A earthy palette in complementary tones.
See how this palette performs in real-world UI mockups.
Experience the perfect harmony of colors calculated for your brand identity.
| Swatch | HEX | RGB | HSL | Name | Details |
|---|---|---|---|---|---|
#1F50D7 | rgb(31, 80, 215) | hsl(224, 75%, 48%) | Blue | View | |
#D5A111 | rgb(213, 161, 17) | hsl(44, 85%, 45%) | Pure Amber | View | |
#1244D1 | rgb(18, 68, 209) | hsl(224, 84%, 45%) | Pure Blue | View | |
#DDAE2A | rgb(221, 174, 42) | hsl(44, 72%, 52%) | Amber | View | |
#1143CD | rgb(17, 67, 205) | hsl(224, 85%, 44%) | Dark Pure Blue | View | |
#D2A421 | rgb(210, 164, 33) | hsl(44, 73%, 48%) | Amber | View |
With #1F50D7 at its core, this scheme feels grounded, sustainable, and deeply professional.
Incorporating Blue creates a sophisticated backdrop that feels both premium and approachable. Highly recommended for sustainability reports, organic luxury brands, or estate management.
:root {
--color-1: #1F50D7;
--color-2: #D5A111;
--color-3: #1244D1;
--color-4: #DDAE2A;
--color-5: #1143CD;
--color-6: #D2A421;
}Palettes that share visual characteristics and color harmony.