Cerulean Courtyard color palette — #F0F6FB · #D9D8E5 · #C4BACD · #4788B0 · #333C43

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

The five colors

• Ivory (#F0F6FB): a clean, paper-quiet neutral.
• Silver (#D9D8E5): bright and airy, almost weightless.
• Ash (#C4BACD): A luminous, dusty violet — the color of wild irises.
• Cerulean (#4788B0): A luminous, balanced blue — the color of deep harbor water.
• Charcoal (#333C43): quiet, heavy and certain.

Feels like: Trust, Stability, 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

• Timeworn Petrol color palette (#EEF8F5, #E1D7DA, #C0ACBC, #0069A6, #2A403A)
• Lilac Coast color palette (#F4F4FE, #E7D4E1, #D8B5C2, #9E72B3, #3F3E4B)
• Aged Summit color palette (#DEF1FF, #AAB2DF, #938AB2, #427166, #2A5148)
• Denim Terrace color palette (#E3EBF3, #BFC4D0, #A2A2B7, #2B6399, #112030)
• Patina Cornflower color palette (#D1E1FB, #5777E3, #3C3C5C, #172234, #070E14)
• Softworn Driftwood Coast color palette (#FFF1F5, #C0B489, #798851, #536481, #213C2C)
• Aubergine Meadow color palette (#E8E9F3, #A7A1B2, #927E9A, #533078, #070619)
• Quiet Wisteria Studio color palette (#EEF6FF, #6BE5FF, #9FC0FF, #B97CCB, #293057)

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