Cocoa Courtyard color palette — #DFFFE1 · #C6BF59 · #A77200 · #822F00 · #0C1E00
Rust takes the lead with Gold close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#DFFFE1): A whisper-light, dusty green — the color of fresh herbs.
- Gold (#C6BF59): A luminous, balanced green — the color of a quiet forest floor.
- Ochre (#A77200): A full-bodied, balanced gold — the color of honey in a jar.
- Rust (#822F00): A full-bodied, balanced orange — the color of autumn markets.
- Ink (#0C1E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.
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
- Bronze Grove color palette (#FFF2EA, #E4B24C, #BF6000, #87242E, #191A00)
- Airy Basin color palette (#F5D9B4, #D7B529, #C18800, #A55C00, #2B2B00)
- Tempered Amber Delta color palette (#DDF8E0, #A88A34, #775400, #4D2F00, #171200)
- Wandering Ember color palette (#FFF0F9, #F9C58D, #E76333, #8E4457, #06301C)
- Hushed Workshop color palette (#E8FBEB, #BBE9D5, #B79A60, #8B5F47, #183834)
- Ancient Basin color palette (#D3ECDB, #7B9045, #5D4C00, #351900, #000200)
- Hushed Rust Boulevard color palette (#EFF6FF, #63A1FF, #BB4000, #00644B, #000B25)
- Tempered Cornflower Quarry color palette (#F0F5FF, #5C79FF, #A82700, #004844, #01001D)
Browse the whole catalog at Explore, or see today's palette.