Muted Cerulean color palette — #F9E7F4 · #2E8E9E · #004162 · #002416 · #020329

A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.

The five colors

• Blush (#F9E7F4): A whisper-light, dusty pink — the color of neon signs at night.
• Cerulean (#2E8E9E): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004162): A deep, shadowed, balanced blue — the color of open sky before noon.
• Onyx (#002416): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#020329): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Frosted Cerulean Coast color palette (#F1DCEA, #00A0BC, #004D7C, #003124, #0A0D36)
• Antique Cerulean color palette (#E7E9D9, #2E8595, #004352, #001F20, #000103)
• Washed Navy Garden color palette (#F3E4EA, #3189BA, #152D91, #002221, #0D0024)
• Tempered Corridor color palette (#EBDBD4, #84AB91, #007EAD, #005F4E, #00091B)
• Wandering Terrace color palette (#FBE9F1, #79BBDD, #4167A7, #005049, #2D2553)
• Feathered Bronze Canyon color palette (#E1DEF7, #C87478, #986200, #2C2966, #220012)
• Charred Boulevard color palette (#E7E2F6, #870082, #004B2F, #3B0038, #000803)
• Cobalt Pier color palette (#FFF0F9, #82DDFA, #1B83D7, #006954, #373C64)

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