Cocoa Workshop color palette — #D8ECDD · #5C4700 · #002F3E · #2C0011 · #130300

Built around Deep Olive, softened by Ink — the whole palette hums with optimism and sophistication.

The five colors

• Honeydew (#D8ECDD): A whisper-light, dusty teal — the color of shallow lagoons.
• Deep Olive (#5C4700): A full-bodied, balanced gold — the color of honey in a jar.
• Midnight (#002F3E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#2C0011): A deep, shadowed, dusty red — the color of late-summer berries.
• Ink (#130300): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: 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 Coast color palette (#D7F1DB, #604500, #003320, #1C0039, #0D0600)
• Velvet Abyss color palette (#E1EBD5, #00573D, #003037, #000E2C, #010100)
• Deep Navy color palette (#D2E4DE, #3C5300, #0B0086, #2D0005, #0A0300)
• Inked Aubergine color palette (#DCEFF1, #005746, #420058, #2D000A, #0D0600)
• Charred Garnet Meadow color palette (#F3DAED, #8B1100, #003417, #0B0047, #170002)
• Tempered Balcony color palette (#E2F3E7, #657236, #00450F, #2B2100, #0D1200)
• Linen Onyx Alley color palette (#C9EAEC, #00795A, #004E5B, #002259, #0E001C)
• Weathered Onyx color palette (#EDDDC3, #64764A, #005246, #4C163F, #3B0800)

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