Smoked Cocoa Coast color palette — #F9E4D1 · #8F6B38 · #5B2F00 · #260700 · #020100
A conversation between Cocoa and Walnut, giving this palette its sense of optimism and sophistication.
The five colors
- Parchment (#F9E4D1): A whisper-light, dusty gold — the color of old brass.
- Walnut (#8F6B38): A full-bodied, balanced gold — the color of honey in a jar.
- Cocoa (#5B2F00): A deep, shadowed, balanced gold — the color of old brass.
- Ink (#260700): A deep, shadowed, dusty orange — the color of toasted spice.
- Black (#020100): quiet, heavy and certain.
Feels like: Optimism, Sophistication, Depth, Luxury, Grounding. Tagged earthy, warm, dark, muted.
Use it as a design system
One click turns Smoked Cocoa Coast 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
- Worn Olive Corridor color palette (#F3EEDF, #697B3A, #413E00, #191100, #000200)
- Softworn Cocoa Study color palette (#F9E8DB, #A67D4B, #773B00, #410C00, #020100)
- Bronze Orchard color palette (#FFF3E3, #C2B374, #996E03, #673900, #181200)
- Dusty Fern color palette (#F1E5C3, #94A25D, #6A6100, #412E00, #020500)
- Aubergine Villa color palette (#E1F0DA, #005B4F, #670060, #360002, #000201)
- Washed Archive color palette (#DAE7D7, #008D84, #003C71, #00332F, #000104)
- Airy Boulevard color palette (#FFF3E6, #E5CD9B, #C08435, #954600, #2E2800)
- Moonless Petrol Ridge color palette (#C9EBED, #00809E, #004263, #000F2F, #01000A)
Browse the whole catalog at Explore, or see today's palette.