Cocoa Workshop color palette — #DEE0F1 · #95668B · #814236 · #003C3E · #001718

Coffee and Slate set the tone — five colors that lean into creativity and sophistication.

The five colors

• Frost (#DEE0F1): A whisper-light, dusty violet — the color of twilight just after sunset.
• Slate (#95668B): A full-bodied, dusty pink — the color of a candy shop window.
• Coffee (#814236): A full-bodied, balanced orange — the color of toasted spice.
• Deep Teal (#003C3E): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#001718): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Creativity, 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

• Softworn Spruce Terrace color palette (#F2E1F2, #A86F85, #854339, #0B4410, #00362D)
• Onyx Study color palette (#E6ECFA, #807AA6, #6B414D, #00363C, #100538)
• Muted Grove color palette (#DDE2FF, #8C5785, #662919, #002640, #000712)
• Washed Abyss color palette (#F0E0F1, #D29AAF, #9A6055, #225029, #002019)
• Driftwood Quarry color palette (#F3ECF8, #AB6976, #3A5739, #152D59, #031130)
• Patina Balcony color palette (#DDEBF8, #9693C7, #984F74, #005960, #002E50)
• Deep Terracotta Thicket color palette (#FAEAFD, #85453E, #473600, #001236, #00020E)
• Patina Blush color palette (#EAE3F1, #D57A92, #836032, #004C6C, #002233)

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