Cerulean Courtyard color palette — #E6F6F4 · #A8CBCC · #5C8C94 · #546854 · #1D3637

Storm Blue takes the lead with Graphite close behind in a set that reads as sophistication and grounding at first glance.

The five colors

• Ivory (#E6F6F4): bright and airy, almost weightless.
• Stone (#A8CBCC): A luminous, dusty teal — the color of shallow lagoons.
• Storm Blue (#5C8C94): A luminous, dusty blue — the color of deep harbor water.
• Graphite (#546854): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Forest (#1D3637): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, 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

• Dusty Cypress color palette (#EDF4EE, #D1DCED, #7AA2BB, #3D7771, #24384A)
• Softworn Lagoon color palette (#CAF8E9, #A1C192, #5C9262, #25674B, #0E3F44)
• Tempered Lantern color palette (#F5F6EC, #B8C6B1, #548B96, #7E5C55, #46513F)
• Lagoon Courtyard color palette (#D3FBFD, #A3DEC4, #549680, #12553F, #002628)
• Softworn Corridor color palette (#E5F6F5, #90C1A1, #B78CB1, #47805D, #342C45)
• Worn Delta color palette (#F4F6EC, #CAD6BB, #6FA89F, #9F7437, #3F5614)
• Pine Delta color palette (#E7F6F0, #8AAB81, #2A754E, #434B20, #00221E)
• Tempered Teal color palette (#DEF8F8, #66AD8C, #8688BB, #9B6B58, #0A2D2E)

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