Cocoa Courtyard color palette — #EBF9F4 · #D3DDFA · #F7BDA2 · #69A1C9 · #6C3603
A conversation between Bronze and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EBF9F4): a clean, paper-quiet neutral.
- Powder Blue (#D3DDFA): A whisper-light, dusty violet — the color of a velvet chair.
- Cantaloupe (#F7BDA2): A whisper-light, dusty orange — the color of autumn markets.
- Blue Fog (#69A1C9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Bronze (#6C3603): A deep, shadowed, balanced gold — the color of honey in a jar.
Feels like: Trust, Stability, Optimism, Sophistication, Softness, Clarity. Tagged light, 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
- Dusty Ash color palette (#FEF1F7, #EAD4ED, #E0C991, #9A91CA, #5C4100)
- Worn Teal color palette (#EEF8EF, #B2F3F5, #FBBAA7, #49ABAE, #4C4441)
- Stone Harbor color palette (#E4FCF1, #EAD8D2, #A8C9AF, #AAA79C, #5D4E5D)
- Tempered Courtyard color palette (#FCF1F9, #CBE6D2, #7A83AD, #563D4F, #22171F)
- Powder Balcony color palette (#DBF2FF, #D7D7CB, #B1BCD9, #3B4F46, #232C28)
- Weathered Sky Station color palette (#ECF7FF, #A7DDFD, #ADD49B, #5AB3E2, #29564F)
- Petrol Grove color palette (#DBFEF4, #DED8E3, #8AB7DE, #4B749B, #003229)
- Washed Cobalt Station color palette (#E4F7F0, #8AB9DE, #C881B3, #2578AE, #462729)
Browse the whole catalog at Explore, or see today's palette.