Cerulean Courtyard color palette — #F0F7F4 · #DFD4D3 · #AFA294 · #6496B4 · #414A46

A conversation between Slate Blue and Taupe, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#DFD4D3): bright and airy, almost weightless.
• Taupe (#AFA294): A luminous, dusty gold — the color of honey in a jar.
• Slate Blue (#6496B4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#414A46): 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

• Hushed Cerulean color palette (#F1F7F2, #D1DEDD, #B1C5C8, #559CA3, #424A43)
• Patina Ash color palette (#F9F3F8, #E1D7D7, #BBAFA7, #AF90A9, #585056)
• Iris Study color palette (#FDF2F7, #E7D5D2, #DCB8AB, #867AC5, #4D3943)
• Bronze Grove color palette (#D8FFF5, #E1C1D6, #B68D97, #9E7035, #655000)
• Ancient Denim color palette (#DCE6E3, #C2ADBE, #AC8A9D, #00568D, #011913)
• Muted Iris Workshop color palette (#FFF4E2, #7AB9E8, #7C7EC5, #8B5430, #493649)
• Worn Veranda color palette (#E7FAF5, #72AAE1, #B55E91, #7A5700, #004238)
• Patina Navy Atelier color palette (#E8DDE4, #AFA0A6, #A37983, #39378A, #11050D)

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