Cocoa Workshop color palette — #FFEEE3 · #4FAF9D · #25739D · #722F0E · #0D2A13

Rust and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFEEE3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Turquoise (#4FAF9D): A luminous, balanced teal — the color of glacier melt.
• Slate (#25739D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Rust (#722F0E): A deep, shadowed, balanced orange — the color of autumn markets.
• Deep Forest (#0D2A13): A deep, shadowed, dusty green — the color of new leaves after rain.

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

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

• Tempered Chestnut color palette (#F8F1E3, #70B9C2, #5F78A9, #645000, #173227)
• Wandering Meadow color palette (#FFEEE3, #89A770, #007B76, #6E2B49, #20260A)
• Hushed Turquoise color palette (#F4F8E2, #00ABBB, #007498, #573E7E, #2D4335)
• Chestnut Meadow color palette (#EEF6DB, #9FBAA3, #698B81, #7B4811, #3C3A33)
• Pale Cerulean color palette (#FFF0F9, #54C8B3, #308FC4, #944D2D, #23424C)
• Denim Grove color palette (#F0E2D0, #009193, #00519D, #432C00, #00151B)
• Gentle Lapis color palette (#FBF2D0, #009FCD, #5D4ABC, #3E4200, #001D38)
• Washed Parlor color palette (#F9F1E5, #BDB390, #5E804F, #256058, #2E270A)

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