Cocoa Workshop color palette — #D7E3D7 · #5B3D00 · #222218 · #0A1100 · #000200
A conversation between Bronze and Ink, giving this palette its sense of optimism and sophistication.
The five colors
- Bone (#D7E3D7): A whisper-light, dusty green — the color of new leaves after rain.
- Bronze (#5B3D00): A deep, shadowed, balanced gold — the color of old brass.
- Onyx (#222218): quiet, heavy and certain.
- Ink (#0A1100): A deep, shadowed, dusty green — the color of fresh herbs.
- Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Cocoa Workshop 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
- Moonless Grove color palette (#F7E5EF, #702B00, #322E28, #130E00, #040002)
- Bronze Corridor color palette (#F0DACC, #8E6C00, #524E00, #102F00, #001105)
- Lowlit Fern Dune color palette (#E0E2D0, #5E6000, #32363F, #002614, #080800)
- Ancient Driftwood color palette (#DEF3EC, #7A8B4A, #284042, #12221D, #090E0A)
- Dusty Olive color palette (#DAEEE0, #618545, #00513A, #3C1843, #030A00)
- Midnight Pine color palette (#DEEFEC, #138118, #00312F, #001412, #000502)
- Powdered Aubergine Market color palette (#D2ECDE, #776D00, #73339F, #3D3700, #0F001B)
- Linen Aubergine color palette (#ECF2DD, #516000, #65199F, #5F0053, #030400)
Browse the whole catalog at Explore, or see today's palette.