Muted Cerulean color palette — #F9F4EE · #A9D0B5 · #0C84A8 · #006059 · #123E5A

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Pistachio (#A9D0B5): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#0C84A8): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006059): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#123E5A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Muted Cerulean 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

• Patina Cobalt color palette (#FBF4E9, #A6CFC1, #567AA7, #005D6D, #4C2F47)
• Hushed Orchard color palette (#FBEFEA, #AFD1BA, #3B83B2, #005E42, #141E40)
• Wandering Ash Harbor color palette (#F9F4EE, #C9E7E1, #69A3B6, #3F7B71, #325247)
• Antique Cerulean Dune color palette (#EDE5D9, #3A8DA1, #00425C, #002221, #000A17)
• Patina Sky color palette (#F0F7F2, #C2E7F7, #34C2F2, #00A196, #213D54)
• Hushed Delta color palette (#F6EDDF, #62AAC2, #005E87, #003E3F, #001F40)
• Ancient Cypress color palette (#C9FFE6, #56B79B, #00775C, #004334, #00291B)
• Muted Pine color palette (#DBE3C6, #6FA859, #268433, #005E40, #004637)

Browse the whole catalog at Explore, or see today's palette.