Cerulean Courtyard color palette — #F4F6EF · #C6DCE8 · #88C1F2 · #0090B3 · #4D364E

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

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#C6DCE8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#88C1F2): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#0090B3): A luminous, balanced blue — the color of deep harbor water.
• Charcoal (#4D364E): A deep, shadowed, 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 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 Summit color palette (#F4F7ED, #D8D6E2, #5AB7F9, #0084A0, #003662)
• Antique Lagoon Ridge color palette (#F5F6EE, #BBE1EB, #75C9DF, #009595, #214837)
• Cerulean Parlor color palette (#ECF8F7, #BFE1FD, #5F8FBA, #2D6A81, #344962)
• Cerulean Loft color palette (#F5F7E9, #94D9E2, #00899F, #005150, #000F16)
• Ancient Azure color palette (#FFF0F7, #BEADFB, #E48BA7, #00A0CF, #3D202F)
• Pale Ultramarine color palette (#ECF0E4, #8DBBEB, #1261CB, #003A54, #000016)
• Patina Denim color palette (#E4E6DB, #76ABBD, #005D7C, #002A30, #000103)
• Tempered Azure color palette (#F3F7EB, #B5EBF1, #5395DC, #006586, #001A4A)

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