Cocoa Studio color palette — #FEF4E4 · #BEE5CE · #B5B8C9 · #C0A390 · #5E4A00
A conversation between Bronze and Celadon Mist, giving this palette its sense of nature and growth.
The five colors
- Cream (#FEF4E4): A whisper-light, dusty gold — the color of honey in a jar.
- Celadon Mist (#BEE5CE): A whisper-light, dusty teal — the color of sea glass.
- Ash (#B5B8C9): A luminous, dusty violet — the color of wild irises.
- Camel (#C0A390): A luminous, dusty gold — the color of old brass.
- Bronze (#5E4A00): A full-bodied, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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
- Ancient Chestnut Coast color palette (#FEF3E7, #D7E3CE, #A6D1BE, #AB8779, #644D00)
- Washed Stone color palette (#ECF9EE, #C2E9EB, #E4B690, #B5B8D7, #40574B)
- Ancient Fern Atelier color palette (#F4F8E1, #C1F3FF, #ADD3FF, #A99D79, #435917)
- Aged Fern color palette (#F6F6EB, #EDCBA0, #72855D, #544F00, #2C2C23)
- Washed Lime color palette (#F7F6E7, #95B966, #AE8DBF, #886F95, #3E3E36)
- Seafoam Grove color palette (#FFF5D9, #C7F8A9, #47E5D2, #C0873E, #494841)
- Seafoam Balcony color palette (#EFF7C9, #9EEAB0, #66CCC7, #98772E, #283F1F)
- Washed Moss Summit color palette (#F3E8C9, #90B050, #009371, #7D3D00, #0D0D00)
Browse the whole catalog at Explore, or see today's palette.