Cocoa Workshop color palette — #FBE7D6 · #713E00 · #004569 · #1E284E · #0F0500
A conversation between Bronze and Navy, giving this palette its sense of trust and stability.
The five colors
- Parchment (#FBE7D6): A whisper-light, dusty gold — the color of old brass.
- Bronze (#713E00): A full-bodied, balanced gold — the color of old brass.
- Navy (#004569): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Midnight (#1E284E): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Ink (#0F0500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged 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
- Wandering Garnet color palette (#FAD5CD, #8F1300, #004A51, #0B2E42, #170100)
- Moonless Aubergine color palette (#FBE4D2, #6D3B00, #004940, #3F0070, #030100)
- Tempered Bronze Canyon color palette (#D6EADE, #8F6200, #46393A, #231D00, #060400)
- Pale Loft color palette (#F3E6C8, #604900, #3708AF, #29008A, #0C0700)
- Velvet Aubergine Loft color palette (#FFE9F3, #683400, #5E0053, #36002F, #0B0300)
- Chalky Aubergine color palette (#FDEAF1, #955300, #006A5D, #6200AA, #100500)
- Bronze Meadow color palette (#F7D9E9, #895E00, #5C2600, #3C000E, #0D0C00)
- Sunlit Ultramarine Basin color palette (#EADBD0, #A65B00, #1F43F7, #1D3FC1, #391B00)
Browse the whole catalog at Explore, or see today's palette.