Cerulean Courtyard color palette — #F9F4EE · #BCEDDB · #86B5EE · #239BB2 · #2D395B

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

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Mint (#BCEDDB): A whisper-light, dusty teal — the color of sea glass.
• Sky (#86B5EE): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#239BB2): A luminous, balanced blue — the color of open sky before noon.
• Navy (#2D395B): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Cerulean Courtyard 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 Lagoon color palette (#FBF4E9, #CAEACC, #6FC0D0, #36A084, #004156)
• Dusty Harbor color palette (#FFF4E2, #A0E5FF, #33B6FC, #00979B, #003363)
• Weathered Pier color palette (#FEF3E9, #AEE2CE, #7693D8, #007C77, #3D335A)
• Washed Meadow color palette (#EDF4EE, #A7CCEB, #467EC0, #005968, #141E3E)
• Ancient Cobalt color palette (#E9DFD0, #80A5C5, #4473C0, #005A6E, #05002C)
• Hushed Lantern color palette (#EDE5D9, #7CD1CB, #00A5B2, #00815C, #00242D)
• Ancient Lime Workshop color palette (#E8E7C3, #8CC14B, #57A9FA, #D07786, #2F2D0C)
• Ancient Harbor color palette (#F9F4EE, #C5DFEC, #A1D3C6, #87AD92, #5E4C5C)

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