Cocoa Workshop color palette — #C7E8CE · #006F7A · #893500 · #5E2200 · #02210D

Built around Burnt Sienna, softened by Espresso — the whole palette hums with nature and growth.

The five colors

• Celadon Mist (#C7E8CE): A whisper-light, dusty teal — the color of sea glass.
• Teal (#006F7A): A full-bodied, balanced blue — the color of deep harbor water.
• Burnt Sienna (#893500): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#5E2200): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#02210D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged warm.

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

• Airy Grove color palette (#BCE9DD, #0065AA, #774600, #512E00, #00211A)
• Feathered Mulberry Basin color palette (#CFE6C8, #007267, #8D274B, #631331, #0E2007)
• Aged Basalt Drift color palette (#DEF8E5, #005C69, #563F00, #352600, #001206)
• Eclipse Navy Loft color palette (#EFE0F1, #00457C, #443300, #251B00, #00050F)
• Dusty Cerulean Harbor color palette (#E8FAF2, #008DBB, #8B6C0B, #655016, #23382F)
• Aubergine Station color palette (#EEDCB6, #0083A7, #5D3090, #3C3300, #311A32)
• Quiet Lapis color palette (#F4D2ED, #3240F0, #704A00, #4C3100, #290F25)
• Wandering Nightshade Coast color palette (#DDEDF4, #00727F, #54439B, #293E00, #000A0C)

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