Cocoa Workshop color palette — #F1DBC0 · #5B3D00 · #18201A · #0E1000 · #020100

Bronze and Peach Cream set the tone — five colors that lean into optimism and sophistication.

The five colors

• Peach Cream (#F1DBC0): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#5B3D00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#18201A): quiet, heavy and certain.
• Ink (#0E1000): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#020100): quiet, heavy and certain.

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

• Weathered Lagoon color palette (#F2DDC5, #8E6E00, #484800, #202900, #000E02)
• Hushed Forest color palette (#EDF1E2, #006637, #524847, #001F1E, #040600)
• Garnet Lagoon color palette (#F5DED3, #830503, #1C1E16, #190A00, #030100)
• Ancient Olive Meadow color palette (#F0E9D9, #658530, #005229, #4C0D2B, #050A00)
• Muted Loft color palette (#EAE5D3, #5A5D00, #4E08C3, #60006E, #040400)
• Airy Harbor color palette (#FFDCCB, #90714D, #4E5C00, #2D1F58, #1F001A)
• Tempered Lapis Market color palette (#EEECDB, #5D7600, #3B2AE2, #2E3C00, #040028)
• Tempered Denim color palette (#F7EEE7, #68A5C2, #00599F, #003938, #040429)

Browse the whole catalog at Explore, or see today's palette.