Cocoa Terrace color palette — #FDF3EC · #DFCFB1 · #90A376 · #997079 · #634800
Bronze takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FDF3EC): bright and airy, almost weightless.
- Wheat (#DFCFB1): A whisper-light, dusty gold — the color of old brass.
- Moss (#90A376): A luminous, dusty green — the color of new leaves after rain.
- Mocha (#997079): A full-bodied, dusty red — the color of embers at dusk.
- Bronze (#634800): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Cocoa Terrace 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
- Aged Fern color palette (#F7F5EE, #CED5BA, #89A583, #5F877C, #475407)
- Washed Lilac Hollow color palette (#FFF1F5, #E5B5C3, #94BE90, #A871C8, #395636)
- Muted Emerald Alley color palette (#FFF3E4, #B7C280, #329E55, #924E7A, #393F00)
- Aged Villa color palette (#F0F7F2, #A4CBBC, #6F8B5D, #4F697E, #3E524B)
- Aubergine Studio color palette (#EADCC9, #828949, #006426, #3D2079, #0F1100)
- Tempered Atelier color palette (#FFF1F5, #E4D9D2, #9FB9D0, #889EC5, #64494C)
- Lagoon Orchard color palette (#FFF1F2, #CEA0C5, #8FB07B, #4D9D7D, #56393D)
- Pine Dune color palette (#EEE3D2, #99AE76, #0F8757, #7F3A5A, #212E04)
Browse the whole catalog at Explore, or see today's palette.