Cocoa Terrace color palette — #F9E7CB · #604600 · #382D00 · #181400 · #020200
A conversation between Bronze and Espresso, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F9E7CB): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Bronze (#604600): A full-bodied, balanced gold — the color of old brass.
- Espresso (#382D00): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#181400): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Black (#020200): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Cocoa Terrace 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
- Hushed Fern Boulevard color palette (#EDF0D4, #5B6300, #2C2E00, #1D282A, #080900)
- Deep Basalt color palette (#DDE1CC, #3B4000, #003A32, #3C1600, #010100)
- Lowlit Garnet Studio color palette (#FDD9D3, #862400, #4E1B00, #1E0900, #030100)
- Pine Garden color palette (#E9EDCE, #7B8F57, #397640, #3B3400, #020400)
- Quiet Canyon color palette (#EBE1C7, #B69B00, #7C7200, #454500, #202500)
- Forest Quarry color palette (#DEE6FF, #006A78, #006338, #030C0B, #010100)
- Muted Jade Ridge color palette (#DBE9DF, #00A677, #00765E, #00463B, #00221F)
- Pine Pier color palette (#D4EDC4, #84BC7C, #408348, #04582F, #00331F)
Browse the whole catalog at Explore, or see today's palette.