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 Muted Emerald, Dark Soft Lime, Light Soft Blue.
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 |
|---|---|---|---|---|---|
#558B6E | rgb(85, 139, 110) | hsl(148, 24%, 44%) | Dark Muted Emerald | View | |
#7B8739 | rgb(123, 135, 57) | hsl(69, 41%, 38%) | Dark Soft Lime | View | |
#BDD5EA | rgb(189, 213, 234) | hsl(208, 52%, 83%) | Light Soft Blue | View | |
#B88C9E | rgb(184, 140, 158) | hsl(335, 24%, 64%) | Muted Pink | View | |
#2C1320 | rgb(44, 19, 32) | hsl(329, 40%, 12%) | Deep Soft Pink | View |
This soft Dark Muted Emerald palette brings a sense of serene tranquility and modern airiness.
The light blue tones suggest reliability and professional calm without being overpowering. Consider this for background layers where content needs to feel light and accessible.
:root {
--color-1: #558B6E;
--color-2: #7B8739;
--color-3: #BDD5EA;
--color-4: #B88C9E;
--color-5: #2C1320;
}Palettes that share visual characteristics and color harmony.