Cocoa Courtyard color palette — #CFEFD6 · #90874B · #624900 · #321B00 · #010100
A conversation between Bronze and Moss, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#CFEFD6): A whisper-light, dusty teal — the color of sea glass.
- Moss (#90874B): A luminous, balanced green — the color of fresh herbs.
- Bronze (#624900): A full-bodied, balanced gold — the color of old brass.
- Onyx (#321B00): A deep, shadowed, dusty gold — the color of old brass.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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
- Cocoa Summit color palette (#EFE0E7, #A87C48, #783A00, #410B00, #020100)
- Muted Chestnut color palette (#D3EDDB, #9E9E61, #735D00, #452C00, #030500)
- Washed Dune color palette (#DAEEDD, #949624, #8D6600, #7C3400, #020F00)
- Powdered Bronze Study color palette (#DCFFEA, #BCC179, #937D00, #674600, #111C00)
- Gentle Canyon color palette (#E5EDFF, #4A43D3, #6C4300, #1E2E00, #01000A)
- Powdered Amber Ridge color palette (#FFF1F6, #F2C890, #CE7A27, #964421, #322600)
- Inked Dune color palette (#DEEAFF, #B0871A, #141A72, #0B0717, #00000B)
- Aubergine Meadow color palette (#E5E9F7, #8581DA, #8E004E, #3B00A1, #040001)
Browse the whole catalog at Explore, or see today's palette.