Cerulean Courtyard color palette — #F9F0E9 · #C8E4D7 · #6A91BB · #176B6A · #3C2236

Slate Blue takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F9F0E9): bright and airy, almost weightless.
• Celadon Mist (#C8E4D7): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#6A91BB): A luminous, dusty blue — the color of open sky before noon.
• Teal (#176B6A): A full-bodied, dusty teal — the color of shallow lagoons.
• Espresso (#3C2236): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

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 Cypress Quarry color palette (#F8F0EC, #CAE4CE, #5498B1, #0A6F52, #0D332B)
• Dusty Bloom color palette (#F8F0E8, #A4D3C5, #627AB4, #005A64, #201841)
• Linen Amber color palette (#FFEFE0, #BD7D43, #3488B4, #326FA4, #2E1903)
• Weathered Meadow color palette (#EDF8F7, #D9DDE8, #8AC2EA, #468DA0, #27425B)
• Cerulean Archive color palette (#F8E7DE, #328596, #00415D, #00201A, #000106)
• Muted Forest Corridor color palette (#FFEEE5, #7BCCC8, #008093, #00552E, #001D2C)
• Hushed Denim color palette (#EDDAD1, #85A687, #006277, #003B25, #000C18)
• Muted Navy Basin color palette (#F8EEE5, #5E90B4, #113FA0, #002B2F, #04001A)

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