Cocoa Workshop color palette — #F8DEE9 · #713800 · #003417 · #00142A · #15000B
A conversation between Bronze and Deep Forest, giving this palette its sense of nature and growth.
The five colors
- Rose Water (#F8DEE9): A whisper-light, dusty rose — the color of pressed rose petals.
- Bronze (#713800): A full-bodied, balanced gold — the color of old brass.
- Deep Forest (#003417): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#00142A): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#15000B): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged 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
- Onyx Alley color palette (#E1F7E6, #5D4600, #00322A, #06004A, #160006)
- Smoked Garnet color palette (#F4DCF0, #8E0017, #2A2D00, #00181A, #090022)
- Eclipse Basalt color palette (#FFE6ED, #513100, #141911, #0C0800, #060003)
- Bronze Pier color palette (#EEDECD, #876300, #4D4100, #262600, #001607)
- Ember Study color palette (#FFE4ED, #E85C4F, #A66400, #4B4900, #140A00)
- Patina Atelier color palette (#F8DCCB, #8A7848, #405000, #002B3F, #111243)
- Faded Olive Basin color palette (#DBF3E3, #6B720C, #244100, #470006, #0F1100)
- Hushed Bloom color palette (#F3E2DF, #BA005E, #005242, #310063, #0B001F)
Browse the whole catalog at Explore, or see today's palette.