Cocoa Workshop color palette — #FCF3EA · #E7DDC2 · #B7B98F · #8DA08F · #5F4A00
Built around Bronze, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#FCF3EA): a clean, paper-quiet neutral.
- Bone (#E7DDC2): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#B7B98F): A luminous, dusty green — the color of a quiet forest floor.
- Taupe (#8DA08F): A luminous, dusty green — the color of fresh herbs.
- Bronze (#5F4A00): A full-bodied, balanced gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged botanical, earthy, muted, light.
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
- Stone Lantern color palette (#E4FBF4, #E6D7D0, #99CCBB, #A9AB9F, #5F4D5C)
- Ancient Ash Grove color palette (#EEF8F2, #B6DBCC, #7AA69C, #608587, #3C534A)
- Antique Powder Field color palette (#E4FBF5, #9ACCFF, #DAB783, #A7A772, #2A4942)
- Worn Jade Loft color palette (#FFF4E0, #BDDB8F, #5CBB8C, #5193A9, #314111)
- Hushed Driftwood color palette (#FAEEF2, #ADCCBB, #6D8E5E, #4C666E, #26352D)
- Wandering Jade Drift color palette (#EEE4CD, #A5C594, #24A884, #3D7E9B, #193009)
- Patina Emerald color palette (#FAE8D3, #C1C960, #30B34E, #A45F95, #2E3100)
- Patina Cabin color palette (#E6FDE0, #97E1F1, #82C3EF, #8497C7, #694A5A)
Browse the whole catalog at Explore, or see today's palette.