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 nature palette featuring Dark Soft Emerald, Dark Muted Emerald, Pale Vibrant Yellow.
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 |
|---|---|---|---|---|---|
#2C6E49 | rgb(44, 110, 73) | hsl(146, 43%, 30%) | Dark Soft Emerald | View | |
#4C956C | rgb(76, 149, 108) | hsl(146, 32%, 44%) | Dark Muted Emerald | View | |
#FEFEE3 | rgb(254, 254, 227) | hsl(60, 93%, 94%) | Pale Vibrant Yellow | View | |
#FFC9B9 | rgb(255, 201, 185) | hsl(14, 100%, 86%) | Pale Vibrant Red | View | |
#D68C45 | rgb(214, 140, 69) | hsl(29, 64%, 55%) | Orange | View |
This yellow-dominant palette evokes a sense of balance and professionalism.
The combination of Dark Soft Emerald and Dark Muted Emerald creates a refined visual hierarchy perfect for modern design projects.
:root {
--color-1: #2C6E49;
--color-2: #4C956C;
--color-3: #FEFEE3;
--color-4: #FFC9B9;
--color-5: #D68C45;
}Palettes that share visual characteristics and color harmony.