Cerulean Courtyard color palette — #F1F7F3 · #D2DCDD · #C1B1A6 · #4C8D9C · #4E5550

A conversation between Storm Blue and Rosewood Mist, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F1F7F3): bright and airy, almost weightless.
• Silver (#D2DCDD): bright and airy, almost weightless.
• Rosewood Mist (#C1B1A6): A luminous, dusty gold — the color of honey in a jar.
• Storm Blue (#4C8D9C): A luminous, dusty blue — the color of deep harbor water.
• Charcoal Brown (#4E5550): a grounded near-black with real depth.

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 Pewter color palette (#FAF3F7, #E1D7D6, #D0BAB4, #6C6F9E, #4D454A)
• Driftwood Balcony color palette (#EDF4EE, #CEDADC, #B6AEA3, #6D8B75, #313832)
• Fern Thicket color palette (#F6F6ED, #BFC4A8, #5B8E77, #596C5A, #4B5302)
• Ancient Cobalt Coast color palette (#FDF4E6, #73B2C8, #5A77AC, #784C44, #374D45)
• Bronze Chapel color palette (#E8FAF1, #D8C5D7, #A98193, #9D6536, #654700)
• Weathered Pier color palette (#E8FAF3, #CAE4F3, #7CD4FF, #8D96CD, #544556)
• Softworn Terrace color palette (#DBE8E1, #8A9F99, #7F687C, #003040, #000D06)
• Navy Balcony color palette (#E7DDE5, #C4B3BC, #A8828E, #2C3D84, #271A25)

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