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 5-color combination featuring Deep Muted Cyan, Deep Muted Sky Blue, Deep Muted Blue. Perfect for UI design, branding identities, and digital illustrations.
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 |
|---|---|---|---|---|---|
#223F3C | rgb(34, 63, 60) | hsl(174, 30%, 19%) | Deep Muted Cyan | View | |
#223B3F | rgb(34, 59, 63) | hsl(188, 30%, 19%) | Deep Muted Sky Blue | View | |
#22343F | rgb(34, 52, 63) | hsl(203, 30%, 19%) | Deep Muted Blue | View | |
#222D3F | rgb(34, 45, 63) | hsl(217, 30%, 19%) | Deep Muted Blue | View | |
#22253F | rgb(34, 37, 63) | hsl(234, 30%, 19%) | Deep Muted Blue | View |
Centered around #223F3C, this dark blue palette offers a premium, high-trust visual foundation.
Utilizing Deep Muted Cyan for backgrounds ensures that primary CTAs and white text pop with maximum emphasis. Perfect for fintech dashboards, corporate branding, or dark-mode interfaces.
:root {
--color-1: #223F3C;
--color-2: #223B3F;
--color-3: #22343F;
--color-4: #222D3F;
--color-5: #22253F;
}Palettes that share visual characteristics and color harmony.