Cerulean Courtyard color palette — #ECF3F7 · #D5D6DF · #B6ABB5 · #63899D · #2E383E

Storm Blue takes the lead with Ash close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#ECF3F7): a clean, paper-quiet neutral.
• Silver (#D5D6DF): bright and airy, almost weightless.
• Ash (#B6ABB5): a calm mid-gray that lets other colors speak.
• Storm Blue (#63899D): A luminous, dusty blue — the color of open sky before noon.
• Deep Teal (#2E383E): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Antique Corridor color palette (#F0F6FA, #D7D9E1, #B5A9B0, #458CA9, #4B545A)
• Driftwood Balcony color palette (#EAF5F1, #A2CDCA, #618B90, #4A6675, #1F3634)
• Patina Petrol color palette (#E9F3FD, #D6D4E1, #BABDD7, #0571AE, #152736)
• Aged Workshop color palette (#DFE6EC, #868E99, #656A7E, #002E41, #000103)
• Tempered Parlor color palette (#E4F8E8, #6CB8CC, #6B75A3, #634F1F, #1D2E3B)
• Hushed Grove color palette (#E8F3FF, #BFD4F2, #A8BCFE, #9C88C8, #1D293B)
• Navy Basin color palette (#E5EAF3, #B0B1C5, #90899E, #34348F, #04091B)
• Denim Boulevard color palette (#E3EAF1, #C5CBDA, #A2A1B8, #2B5689, #0D1722)

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