Cocoa Workshop color palette — #D5E6D8 · #5D4700 · #1A2900 · #000C27 · #040300
A conversation between Bronze and Deep Forest, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#D5E6D8): A whisper-light, dusty teal — the color of sea glass.
- Bronze (#5D4700): A full-bodied, balanced gold — the color of old brass.
- Deep Forest (#1A2900): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#000C27): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#040300): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged retro, dark, 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
- Eclipse Cocoa color palette (#CCECD2, #802900, #312000, #001114, #080200)
- Lowlit Fern Balcony color palette (#DAE7DD, #275800, #002B23, #170028, #000501)
- Midnight Chestnut color palette (#CDE6DA, #825716, #313000, #131E1A, #020600)
- Lagoon Coast color palette (#D5E2D7, #3C8E93, #004451, #00231B, #000B12)
- Faded Bronze color palette (#D3EADE, #B97100, #6D6300, #164B00, #050500)
- Dusty Onyx Terrace color palette (#F5E2D2, #925000, #1F4900, #2A0052, #050300)
- Dusty Parlor color palette (#DDE9DF, #467505, #004838, #320059, #001D05)
- Hushed Cabin color palette (#D3E4D8, #5F6C45, #004C2E, #141647, #1A0126)
Browse the whole catalog at Explore, or see today's palette.