Cocoa Workshop color palette — #CFE8C5 · #53B2C2 · #49799B · #70504A · #6D330F

A conversation between Rust and Cyan, giving this palette its sense of nature and growth.

The five colors

• Celadon Mist (#CFE8C5): A whisper-light, dusty green — the color of new leaves after rain.
• Cyan (#53B2C2): A luminous, balanced blue — the color of deep harbor water.
• Slate (#49799B): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Coffee (#70504A): A full-bodied, dusty orange — the color of toasted spice.
• Rust (#6D330F): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. 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

• Weathered Cocoa Archive color palette (#E9E9C6, #6CB898, #6A826A, #674D55, #662D02)
• Cocoa Quarry color palette (#EBF1D8, #88A688, #61837A, #6A4528, #35220E)
• Patina Chestnut color palette (#B8E6FF, #88AAD7, #7A6F98, #7B4416, #424100)
• Softworn Aqua color palette (#D4EDEB, #89CAC6, #7696B9, #7F5F6F, #593A47)
• Hushed Teal Studio color palette (#F4F7E7, #50AF8D, #007369, #4A4C45, #333730)
• Denim Field color palette (#C8F4F3, #3991A9, #335A8D, #56242A, #342100)
• Rust Boulevard color palette (#DEF5EA, #009BC9, #BD5616, #005F7D, #512915)
• Feathered Field color palette (#CBE5E5, #00AFC2, #007992, #005574, #30345D)

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