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 trending palette featuring Amber, Light Pure Orange, Pale Pure Red.
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 |
|---|---|---|---|---|---|
#DFA237 | rgb(223, 162, 55) | hsl(38, 72%, 55%) | Amber | View | |
#EFAB86 | rgb(239, 171, 134) | hsl(21, 77%, 73%) | Light Pure Orange | View | |
#FAD5CF | rgb(250, 213, 207) | hsl(8, 81%, 90%) | Pale Pure Red | View | |
#CADFE0 | rgb(202, 223, 224) | hsl(183, 26%, 84%) | Light Muted Cyan | View | |
#2D677B | rgb(45, 103, 123) | hsl(195, 46%, 33%) | Dark Soft Sky Blue | View | |
#214B59 | rgb(33, 75, 89) | hsl(195, 46%, 24%) | Deep Soft Sky Blue | View | |
#854623 | rgb(133, 70, 35) | hsl(21, 58%, 33%) | Burnt Orange | View | |
#FFF0E0 | rgb(255, 240, 224) | hsl(31, 100%, 94%) | Pale Vibrant Orange | View | |
#FFD9C4 | rgb(255, 217, 196) | hsl(21, 100%, 88%) | Pale Vibrant Orange | View | |
#F8E9E6 | rgb(248, 233, 230) | hsl(10, 56%, 94%) | Pale Soft Red | View |
:root {
--color-1: #DFA237;
--color-2: #EFAB86;
--color-3: #FAD5CF;
--color-4: #CADFE0;
--color-5: #2D677B;
--color-6: #214B59;
--color-7: #854623;
--color-8: #FFF0E0;
--color-9: #FFD9C4;
--color-10: #F8E9E6;
}Palettes that share visual characteristics and color harmony.