Cocoa Workshop color palette — #FFF4E1 · #BCE7CE · #C2C5D0 · #BBB698 · #5F4A00
A conversation between Bronze and Mint, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
- Mint (#BCE7CE): A whisper-light, dusty teal — the color of glacier melt.
- Oat (#C2C5D0): soft and architectural.
- Stone (#BBB698): A luminous, dusty green — the color of new leaves after rain.
- Bronze (#5F4A00): A full-bodied, balanced gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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
- Softworn Cocoa color palette (#FDF4E6, #E4DAAD, #CBB28C, #A38E79, #564700)
- Muted Harbor color palette (#F1F9E4, #C6EEF9, #ACD4FA, #A2BC94, #405B1D)
- Weathered Taupe color palette (#E9FAED, #BFE9EC, #C5BEC7, #C69EA0, #415549)
- Tempered Driftwood Study color palette (#E6F7EB, #C1E0E0, #9DC9D0, #9C8253, #31443A)
- Wandering Glacier Hollow color palette (#F5FACB, #AAF6D4, #74DCDD, #BCA364, #494942)
- Mint Workshop color palette (#F6F7E5, #A6D286, #AEB2E2, #BB8B8D, #414000)
- Mint Ridge color palette (#F5F6ED, #C0ECB7, #6FC5E0, #8CB982, #223229)
- Olive Corridor color palette (#F6F6EB, #F8DA9C, #92A773, #776F24, #2D2C22)
Browse the whole catalog at Explore, or see today's palette.