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 | |
#F7F7F7 | rgb(247, 247, 247) | hsl(0, 0%, 97%) | White | View |
With #BA7522 at its core, this scheme feels grounded, sustainable, and deeply professional.
Incorporating Dark Orange creates a sophisticated backdrop that feels both premium and approachable. Highly recommended for sustainability reports, organic luxury brands, or estate management.
:root {
--color-1: #BA7522;
--color-2: #AEB8FE;
--color-3: #5C3DD7;
--color-4: #241773;
--color-5: #F7F7F7;
}Palettes that share visual characteristics and color harmony.