Muted Cerulean color palette — #F8F5EF · #CCE6E6 · #8ABEAF · #3E949F · #5F4B5E

Cerulean and Mint Leaf set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F8F5EF): a clean, paper-quiet neutral.
• Silver (#CCE6E6): A whisper-light, dusty teal — the color of sea glass.
• Mint Leaf (#8ABEAF): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#3E949F): A luminous, balanced blue — the color of deep harbor water.
• Charcoal Brown (#5F4B5E): A full-bodied, dusty pink — the color of neon signs at night.

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

• Lagoon Corridor color palette (#F8F5EF, #CCE5E2, #83BAD3, #2C9991, #2D5348)
• Cerulean Alley color palette (#F8F5EF, #CAE7EB, #C6A4C5, #4193A8, #63495C)
• Washed Azure Market color palette (#FFF2EF, #D89FAD, #9BAE6D, #459AD5, #543B37)
• Timeworn Cerulean Harbor color palette (#F3EEE6, #AACFB1, #0095B4, #006D5E, #003248)
• Cobalt Corridor color palette (#E6DFD4, #87BACF, #007CB9, #00585D, #001E45)
• Soft Ultramarine Harbor color palette (#F5ECDD, #80A6CA, #2C5EC9, #00475A, #0F0046)
• Washed Thicket color palette (#FFF2F0, #ECB1C6, #6DC4B4, #CB6590, #3F5435)
• Hushed Station color palette (#FFF3E7, #D7C8B4, #B89373, #9F643A, #5D4300)

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