Cocoa Workshop color palette — #E1E4D0 · #A0B296 · #548AA4 · #7F4435 · #423600

Coffee and Storm Blue set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#E1E4D0): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#A0B296): A luminous, dusty green — the color of fresh herbs.
• Storm Blue (#548AA4): A luminous, dusty blue — the color of open sky before noon.
• Coffee (#7F4435): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#423600): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Antique Cocoa Alley color palette (#E6EDDE, #99BFA3, #768EBA, #815B34, #574700)
• Ancient Petrol color palette (#CDE5DE, #77A28C, #5266A2, #633E00, #1F3207)
• Weathered Abyss color palette (#CBE9CF, #89AECE, #9E7588, #655925, #164221)
• Washed Chapel color palette (#D4FFED, #8CD2E2, #7D8FC0, #694A2B, #3A1B28)
• Patina Harbor color palette (#DDF1FF, #7DA0C6, #5669A3, #5B3855, #501E20)
• Denim Market color palette (#D6F7F3, #55899D, #54578D, #533B00, #0C1E00)
• Tempered Fern color palette (#DFFDF2, #DEC7D7, #C9A7AC, #8B8B72, #515502)
• Hushed Olive Pier color palette (#EDE3D6, #AAA875, #597F37, #016456, #2D2A00)

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