Cocoa Terrace color palette — #FFEBDD · #654100 · #3A2800 · #110D00 · #020200
Built around Bronze, softened by Espresso — the whole palette hums with optimism and sophistication.
The five colors
- Cream (#FFEBDD): A whisper-light, dusty gold — the color of honey in a jar.
- Bronze (#654100): A full-bodied, balanced gold — the color of old brass.
- Espresso (#3A2800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Ink (#110D00): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Black (#020200): a grounded near-black with real depth.
Feels like: 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
- Fern Veranda color palette (#EBEBDA, #6D6500, #2F2D00, #0B0A00, #010100)
- Deep Nightshade color palette (#F4EBDB, #5D4A00, #261F9B, #261D00, #01000B)
- Charred Onyx color palette (#E9E5CE, #453B00, #003744, #410034, #020100)
- Pine Quarry color palette (#F6EFCC, #7E8E52, #297746, #3F2700, #020300)
- Smoked Garnet color palette (#FFDCDF, #960210, #5A1500, #200800, #030100)
- Weathered Fern Boulevard color palette (#E6EFDA, #1C6D02, #004620, #002418, #000806)
- Linen Veranda color palette (#EFE3CD, #9C7D00, #5B5900, #2E3800, #0C1E00)
- Charred Corridor color palette (#FFE8F8, #00668E, #415C00, #050D08, #010100)
Browse the whole catalog at Explore, or see today's palette.