Cocoa Workshop color palette — #E4EEE1 · #4B9488 · #007595 · #702A0D · #1B0900

A conversation between Rust and Teal, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#E4EEE1): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#4B9488): A luminous, dusty teal — the color of glacier melt.
• Teal (#007595): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Rust (#702A0D): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#1B0900): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Petrol Bloom color palette (#D6E4CC, #328EA8, #5164AC, #5D3D00, #111000)
• Weathered Garnet color palette (#F2EAD4, #6B8E59, #217970, #692D47, #2B0316)
• Quiet Harbor color palette (#D7EBDD, #007D8F, #C00515, #8A4100, #000203)
• Worn Emerald color palette (#E4E1CC, #579A66, #007360, #424E16, #000902)
• Ancient Chapel color palette (#C9EDF6, #138994, #005E79, #342E55, #1D082B)
• Aged Scarlet color palette (#DDF7E6, #008DA3, #D30C0C, #005F6E, #140000)
• Tempered Petrol color palette (#F2E8E3, #6DACB5, #007FA8, #005F4B, #000919)
• Hushed Azure color palette (#E0F2F4, #5997CF, #8469A9, #555300, #201F00)

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