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 Dark Orange, Light Vibrant Blue, Navy.
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 |
|---|---|---|---|---|---|
#BA7522 | rgb(186, 117, 34) | hsl(33, 69%, 43%) | Dark Orange | View | |
#AEB8FE | rgb(174, 184, 254) | hsl(233, 98%, 84%) | Light Vibrant Blue | View | |
#5C3DD7 | rgb(92, 61, 215) | hsl(252, 66%, 54%) | Navy | View | |
#241773 | rgb(36, 23, 115) | hsl(248, 67%, 27%) | Dark Blue | View | |
#F3FFE1 | rgb(243, 255, 225) | hsl(84, 100%, 94%) | Pale Vibrant Lime | View |
This cyan-dominant palette evokes a sense of balance and professionalism.
The combination of Dark Orange and Light Vibrant Blue creates a refined visual hierarchy perfect for modern design projects.
:root {
--color-1: #BA7522;
--color-2: #AEB8FE;
--color-3: #5C3DD7;
--color-4: #241773;
--color-5: #F3FFE1;
}Palettes that share visual characteristics and color harmony.