Weathered Cerulean color palette — #F5F6EE · #B9ECE0 · #00A4B6 · #006B63 · #00232B

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

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Sea Foam (#B9ECE0): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#00A4B6): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006B63): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#00232B): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

One click turns Weathered 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

• Muted Azure Dune color palette (#F4F6ED, #C8EBFF, #009BE6, #00677C, #011F3A)
• Denim Terrace color palette (#E4E6D8, #65AEC1, #005E78, #002B2E, #000103)
• Hushed Petrol Coast color palette (#E0EDE2, #83C0C3, #00788C, #004D3F, #001924)
• Pale Lagoon color palette (#F7ECE7, #82E6EB, #3FB4D6, #26936B, #00314F)
• Softworn Forest color palette (#F9EBE6, #9CBA9F, #007295, #005327, #0A2D59)
• Washed Powder Hollow color palette (#F5F6EF, #C2DEE4, #97CCF9, #54A19E, #3C5447)
• Tempered Sapphire color palette (#ECF0E4, #91BCE2, #0066C2, #003A51, #000111)
• Tempered Bronze color palette (#FFF4DE, #BCB47A, #8E7300, #5B4100, #181200)

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