Cocoa Workshop color palette — #FBF6DF · #BEC5B2 · #89998C · #7E6A63 · #6E4400
Built around Bronze, softened by Cream — the whole palette hums with optimism and sophistication.
The five colors
- Cream (#FBF6DF): A whisper-light, dusty green — the color of a quiet forest floor.
- Stone (#BEC5B2): A luminous, dusty green — the color of fresh herbs.
- Eucalyptus (#89998C): A luminous, dusty teal — the color of sea glass.
- Pewter (#7E6A63): A full-bodied, dusty orange — the color of toasted spice.
- Bronze (#6E4400): A full-bodied, balanced gold — the color of afternoon light on wheat.
Feels like: 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
- Wandering Chestnut Study color palette (#E2F9DB, #9BBAAB, #978291, #815A16, #6B4700)
- Softworn Lagoon color palette (#FAF5EA, #C4C2A8, #7A8945, #7D6117, #554F00)
- Worn Chestnut color palette (#E3E8D7, #8FA88D, #4F7F72, #7A4810, #5C3A00)
- Aged Meadow color palette (#E5FCF0, #BCE7E5, #A4CCDC, #A590A9, #5A4C57)
- Hushed Petrol color palette (#FAF4EE, #CCE6E9, #AC8EA7, #327A85, #624B57)
- Lagoon Delta color palette (#F5F9D5, #8EC5A4, #3A9282, #227177, #2F5542)
- Dusty Cerulean Parlor color palette (#D0E5DE, #3D97A5, #71516B, #4E3000, #362000)
- Hushed Cypress Balcony color palette (#EBFAEB, #6DC0BF, #C0859B, #008382, #6A403D)
Browse the whole catalog at Explore, or see today's palette.