Muted Cobalt color palette — #FDF3EC · #B2D9C4 · #3581D2 · #006858 · #383577
A conversation between Azure and Navy, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FDF3EC): bright and airy, almost weightless.
- Oat (#B2D9C4): A whisper-light, dusty teal — the color of glacier melt.
- Azure (#3581D2): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#006858): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#383577): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Forest Harbor color palette (#FFF2EF, #9EDBDB, #008CB1, #006C2B, #124072)
- Washed Cobalt color palette (#EBF5ED, #8DDCFC, #008BCD, #006166, #0A2545)
- Sapphire Harbor color palette (#FFF2E9, #75C2EA, #2567D5, #00564F, #34216C)
- Cypress Dune color palette (#F9F4EF, #CDE3E6, #8A98C1, #1C7E7D, #674856)
- Onyx Harbor color palette (#EEE2DB, #549AB0, #004C82, #003126, #0E0046)
- Tempered Amethyst Study color palette (#FDF5DF, #B4A525, #7C51CA, #675D00, #432475)
- Wandering Lantern color palette (#EBDEDA, #3D8F8D, #004454, #002504, #000918)
- Powder Grove color palette (#FDF1F7, #BCEDFF, #7ABBFF, #32A68C, #383B66)
Browse the whole catalog at Explore, or see today's palette.