Cocoa Courtyard color palette — #C5E7ED · #99BED0 · #7398BA · #765E7E · #68392C
A conversation between Cocoa and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Frost (#C5E7ED): A whisper-light, dusty blue — the color of deep harbor water.
- Ash (#99BED0): A luminous, dusty blue — the color of open sky before noon.
- Blue Fog (#7398BA): A luminous, dusty blue — the color of a favorite pair of jeans.
- Graphite (#765E7E): A full-bodied, dusty pink — the color of a candy shop window.
- Cocoa (#68392C): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Cocoa 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
- Pewter Balcony color palette (#CCEEFF, #9FBBD3, #7E8AA9, #905C51, #30482F)
- Cobalt Study color palette (#CCF0EE, #719BB2, #4F74AA, #71353C, #481A00)
- Dusty Basin color palette (#E5FEDF, #91E8FB, #77A79A, #8A635C, #562700)
- Cocoa Garden color palette (#E0E5C3, #90D2D0, #B99BB9, #9A8371, #623300)
- Dusty Drift color palette (#DFF2FF, #4CB5E4, #DA7642, #007CA6, #582405)
- Worn Thicket color palette (#F0F7F1, #B8DAEF, #629CC7, #007B82, #1E3B62)
- Feathered Courtyard color palette (#CBF7F8, #48BCD3, #0094B7, #00608C, #063665)
- Worn Balcony color palette (#E5F2FF, #6B6FA0, #653F78, #462B00, #181500)
Browse the whole catalog at Explore, or see today's palette.