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 energy palette featuring Vibrant Orange, Light Vibrant Orange, Soft Emerald.
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 |
|---|---|---|---|---|---|
#F79256 | rgb(247, 146, 86) | hsl(22, 91%, 65%) | Vibrant Orange | View | |
#FBD1A2 | rgb(251, 209, 162) | hsl(32, 92%, 81%) | Light Vibrant Orange | View | |
#7DCFB6 | rgb(125, 207, 182) | hsl(162, 46%, 65%) | Soft Emerald | View | |
#00B2CA | rgb(0, 178, 202) | hsl(187, 100%, 40%) | Dark Vibrant Sky Blue | View | |
#1D4E89 | rgb(29, 78, 137) | hsl(213, 65%, 33%) | Dark Blue | View |
This green-dominant palette evokes a sense of balance and professionalism.
The combination of Vibrant Orange and Light Vibrant Orange creates a refined visual hierarchy perfect for modern design projects.
:root {
--color-1: #F79256;
--color-2: #FBD1A2;
--color-3: #7DCFB6;
--color-4: #00B2CA;
--color-5: #1D4E89;
}Palettes that share visual characteristics and color harmony.