Cocoa Studio color palette — #E9DCCF · #764300 · #3E4900 · #002E36 · #180900
A conversation between Bronze and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Bone (#E9DCCF): A whisper-light, dusty gold — the color of old brass.
- Bronze (#764300): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Deep Olive (#3E4900): A deep, shadowed, balanced green — the color of new leaves after rain.
- Deep Forest (#002E36): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#180900): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.
Use it as a design system
One click turns Cocoa Studio 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
- Aged Forest color palette (#FFDFEC, #7C4000, #165200, #002F24, #050100)
- Chalky Terracotta color palette (#F0E0D9, #981415, #3B4A00, #002F32, #220001)
- Aubergine Lantern color palette (#EEDAE1, #6622AB, #4B4400, #00302F, #120424)
- Patina Canyon color palette (#ECE5CD, #585400, #004F45, #002066, #0F0E00)
- Washed Market color palette (#FFE6E8, #BB5E42, #653A00, #302400, #101900)
- Deep Onyx Hollow color palette (#F4E0C8, #4C3100, #003132, #110040, #030100)
- Antique Navy Drift color palette (#F2E0C3, #B03229, #4D3900, #020178, #280D00)
- Garnet Coast color palette (#F1E3E0, #AE566D, #3B4400, #600029, #030400)
Browse the whole catalog at Explore, or see today's palette.