Worn Cocoa Studio color palette — #FBF5E7 · #BDB27C · #6F9972 · #227777 · #673200
Bronze and Teal set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FBF5E7): bright and airy, almost weightless.
- Sage (#BDB27C): A luminous, dusty green — the color of fresh herbs.
- Moss (#6F9972): A luminous, dusty green — the color of new leaves after rain.
- Teal (#227777): A full-bodied, dusty teal — the color of sea glass.
- Bronze (#673200): A deep, shadowed, balanced gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.
Use it as a design system
One click turns Worn Cocoa Studio 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
- Timeworn Driftwood color palette (#FDF3ED, #DAA290, #9E8A54, #53734E, #5C3734)
- Washed Jade Drift color palette (#EEF8F2, #D6CE8F, #5AAE7D, #187886, #4D2D39)
- Driftwood Coast color palette (#FEF3EA, #D5A683, #8D9253, #815980, #603433)
- Taupe Workshop color palette (#FFF4DA, #CFCE94, #97A15C, #6A7A47, #565200)
- Hushed Oat color palette (#FEF4E0, #D7D1B7, #ABAB96, #7B897B, #44554A)
- Moss Lagoon color palette (#FFF5D7, #A7A000, #008F51, #006169, #4D2300)
- Worn Aubergine color palette (#FFF2EE, #C48486, #3C805B, #5B438A, #5D372D)
- Denim Field color palette (#F1F8E7, #6AB794, #278EA2, #3F5B9B, #353C10)
Browse the whole catalog at Explore, or see today's palette.