Cerulean Courtyard color palette — #EFF6FC · #DAD7E3 · #C8B8CB · #5187AC · #333C43

Built around Cerulean, softened by Stone — the whole palette hums with trust and stability.

The five colors

• Ivory (#EFF6FC): a clean, paper-quiet neutral.
• Silver (#DAD7E3): a clean, paper-quiet neutral.
• Stone (#C8B8CB): A luminous, dusty pink — the color of peonies in June.
• Cerulean (#5187AC): A luminous, balanced blue — the color of open sky before noon.
• 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

• Hushed Petrol Basin color palette (#EFF7F5, #E4D7D9, #C1ADB7, #28679F, #2A403A)
• Indigo Terrace color palette (#F1F5FF, #DFDAF3, #CCB4D5, #7161D8, #29314D)
• Muted Archive color palette (#C9F0FF, #A1B2DA, #8C88A8, #4B7256, #2C5036)
• Tempered Indigo color palette (#DCE5F7, #6876D6, #413B55, #192134, #060E15)
• Weathered Lagoon color palette (#E4EAF2, #BFC3D4, #A6A1B7, #2E629B, #122030)
• Driftwood Canyon color palette (#FFF1F7, #C3B482, #748959, #605F81, #1F3D2B)
• Tempered Archive color palette (#DDDDE6, #A8A1AF, #967D93, #5A277F, #080714)
• Linen Bronze color palette (#E7F4FF, #509DD4, #A25E22, #575200, #302D00)

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