Cerulean Courtyard color palette — #FAF4EC · #9BDBE0 · #008EA7 · #006857 · #004660

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

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Ice Blue (#9BDBE0): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#008EA7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#006857): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#004660): 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 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

• Patina Atelier color palette (#FCF4E8, #9DD7F7, #0083D9, #006570, #283E6A)
• Softworn Petrol Corridor color palette (#FDF4E7, #76C6D1, #007A97, #00574D, #003752)
• Dusty Cerulean Lagoon color palette (#FFEEE8, #6BE5EE, #008FBE, #006638, #102445)
• Worn Turquoise color palette (#F8F5EF, #C7E8E5, #5DA3C7, #307C7A, #34514A)
• Frosted Aqua color palette (#E5FBF6, #ACF3F7, #42CBDE, #00A79C, #004856)
• Wandering Meadow color palette (#F2EBE0, #3BA1A1, #00535F, #003125, #001720)
• Muted Denim Atelier color palette (#EFE6D8, #76A6C1, #005999, #003D45, #071A4A)
• Olive Balcony color palette (#F0FBD5, #98F3E1, #00CCDC, #517D19, #22523F)

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