Cocoa Workshop color palette — #FFF4DE · #D5E9C4 · #B6D1B7 · #B0967C · #5C4A00
Built around Deep Olive, softened by Celadon Mist — the whole palette hums with nature and growth.
The five colors
- Cream (#FFF4DE): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Celadon Mist (#D5E9C4): A whisper-light, dusty green — the color of fresh herbs.
- Pistachio (#B6D1B7): A whisper-light, dusty green — the color of new leaves after rain.
- Taupe (#B0967C): A luminous, dusty gold — the color of old brass.
- Deep Olive (#5C4A00): A full-bodied, balanced green — the color of a quiet forest floor.
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
- Worn Hollow color palette (#F5F7E8, #BDE3F3, #C1C5D0, #B0A886, #4D580C)
- Hazy Celadon Chapel color palette (#F2FBCD, #B3FCA9, #69E9C2, #A38E4B, #43433C)
- Wandering Fern color palette (#F7F6E9, #E8CE98, #728558, #554F00, #2D2C22)
- Hushed Canyon color palette (#EDEAD7, #91AF48, #35976C, #644500, #0A0C00)
- Softworn Parlor color palette (#F5F6EE, #B4DFAD, #50A9C3, #71986B, #23322A)
- Timeworn Mint color palette (#F6F6E8, #8BBB6C, #9795C6, #9A6D6B, #414000)
- Mint Lantern color palette (#DDE5C1, #58DAB5, #18B5BD, #607432, #003120)
- Dusty Emerald Loft color palette (#CAFFF6, #84F3FF, #60C9FF, #21995F, #003C39)
Browse the whole catalog at Explore, or see today's palette.