Cerulean Courtyard color palette — #F9F3F9 · #E1D7D8 · #CEBCB8 · #6A92C1 · #4C454D

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

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Silver (#E1D7D8): bright and airy, almost weightless.
• Stone (#CEBCB8): A luminous, dusty orange — the color of toasted spice.
• Slate Blue (#6A92C1): A luminous, balanced blue — the color of deep harbor water.
• Charcoal (#4C454D): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. 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

• Aged Archive color palette (#FCF2F5, #EAD6CD, #CFBBAB, #9971BE, #4B3A40)
• Iris Villa color palette (#F1DEE9, #8583DD, #5E454B, #362931, #1C161C)
• Dusty Denim color palette (#E3DCE2, #C2AEB7, #AB8C92, #2C4E98, #1F0C1D)
• Hushed Courtyard color palette (#D8FFF5, #DCBECE, #B69799, #757C36, #4A5200)
• Wisteria Lagoon color palette (#FFF0FB, #D8D7F4, #CEB8EF, #D58EC5, #473A5E)
• Ancient Sky Ridge color palette (#FAF6DD, #77B8F0, #9377B5, #5D6A34, #4B3547)
• Driftwood Harbor color palette (#FDF4E6, #CFC4A0, #7A9A69, #856779, #504100)
• Airy Driftwood Orchard color palette (#E7FBF3, #6AADD7, #B36578, #48692A, #0E422E)

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