Muted Cobalt color palette — #DDF3E4 · #DDB92C · #008EE0 · #1B1E3D · #001C15
Azure and Saffron set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#DDF3E4): A whisper-light, dusty teal — the color of shallow lagoons.
- Saffron (#DDB92C): A luminous, balanced green — the color of fresh herbs.
- Azure (#008EE0): A luminous, balanced blue — the color of open sky before noon.
- Midnight (#1B1E3D): A deep, shadowed, dusty violet — the color of a velvet chair.
- Ink (#001C15): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged neon, dark, vibrant.
Use it as a design system
One click turns Muted Cobalt into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Linen Archive color palette (#DFEEF5, #D7A100, #00A8D3, #18283D, #071E14)
- Weathered Grove color palette (#D2E4E7, #D8D32F, #5D97EC, #132A4B, #291B29)
- Timeworn Chartreuse color palette (#F9DCC2, #A4DB1B, #8186DE, #3E3F81, #111729)
- Lime Villa color palette (#C6E6EF, #6DC500, #319CFD, #002342, #231325)
- Misty Chartreuse color palette (#CFE8EB, #80E42F, #AA6DEC, #422825, #25181D)
- Aged Coral color palette (#D1E8E3, #EC6D62, #00B09E, #05292F, #0A1606)
- Feathered Emerald Field color palette (#D0E5D0, #FF9C9D, #00A070, #002D2D, #0F1801)
- Tempered Amethyst color palette (#DEF2FF, #92B228, #8436EB, #2E0918, #0F0208)
Browse the whole catalog at Explore, or see today's palette.