Cerulean Courtyard color palette — #E6F4FF · #649DBC · #A8736A · #74592C · #152530
A conversation between Blue Fog and Coffee, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E6F4FF): A whisper-light, dusty blue — the color of deep harbor water.
- Blue Fog (#649DBC): A luminous, dusty blue — the color of deep harbor water.
- Mocha (#A8736A): A luminous, dusty orange — the color of autumn markets.
- Coffee (#74592C): A full-bodied, dusty gold — the color of old brass.
- Midnight (#152530): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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
- Wandering Iris color palette (#EDF2FF, #8B8DCD, #997E56, #526635, #1C2233)
- Azure Quarry color palette (#EAF3FC, #5D98C7, #955854, #504B12, #052025)
- Patina Chestnut color palette (#FAF2FB, #6B94C0, #A46B85, #765B00, #453847)
- Tempered Powder color palette (#E8F6EA, #97AADD, #836E94, #674D1E, #242B40)
- Hushed Bronze color palette (#E8FAF2, #80B2CF, #CA8784, #99732C, #2A433A)
- Powdered Indigo color palette (#DFE9FF, #656BBD, #8D5600, #344D00, #080F22)
- Tempered Stone color palette (#EFF6FF, #A8C4F7, #D09BBF, #92814E, #2A323F)
- Driftwood Coast color palette (#EEF2F9, #D7D5DC, #B8ABB2, #6F84A3, #32363D)
Browse the whole catalog at Explore, or see today's palette.