Cocoa Studio color palette — #FCF3EE · #E3CEAB · #94A36D · #8E767F · #664700
Bronze and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FCF3EE): a clean, paper-quiet neutral.
- Wheat (#E3CEAB): A whisper-light, dusty gold — the color of old brass.
- Moss (#94A36D): A luminous, dusty green — the color of fresh herbs.
- Driftwood (#8E767F): A full-bodied, dusty rose — the color of strawberry cream.
- Bronze (#664700): A full-bodied, balanced gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns 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
- Hushed Market color palette (#F9F5EA, #D1D4B7, #6CAA99, #658679, #4E5200)
- Wandering Stone color palette (#FFF1F5, #C4E6F0, #8ABAAA, #7A869B, #394B3F)
- Timeworn Mint color palette (#FFF1F7, #CAB8F7, #95C16E, #9280BD, #4E4E46)
- Misty Emerald Coast color palette (#FFF3E6, #C3BF69, #409E2B, #845685, #3D3A34)
- Tempered Powder color palette (#F9F4EF, #C6DFED, #99B0E9, #4B9491, #624B55)
- Wandering Pine Coast color palette (#EDE3D5, #A0AC72, #008844, #6D4763, #302903)
- Sunlit Basin color palette (#FBE4D0, #95831B, #356000, #312F69, #130F00)
- Hushed Garnet color palette (#F0E7D3, #74A15F, #007258, #712740, #1C1C00)
Browse the whole catalog at Explore, or see today's palette.