Cocoa Ridge color palette — #FCF3EC · #D0BF9A · #728B56 · #5A6C58 · #624800
Built around Bronze, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Ivory (#FCF3EC): a clean, paper-quiet neutral.
- Sand (#D0BF9A): A luminous, dusty gold — the color of honey in a jar.
- Fern (#728B56): A luminous, balanced green — the color of fresh herbs.
- Pewter (#5A6C58): A full-bodied, dusty green — the color of new leaves after rain.
- Bronze (#624800): 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 Ridge 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
- Patina Market color palette (#FFF2EA, #C3AC87, #6E7A3F, #724D5B, #593C00)
- Muted Chestnut Basin color palette (#F8F5EA, #BFC5A4, #499082, #796417, #4C5301)
- Tempered Olive color palette (#FBF4E8, #D4D5A5, #A19D76, #738644, #5D4B00)
- Muted Station color palette (#ECF4EE, #C7C797, #608E81, #4A6867, #25352E)
- Softworn Archive color palette (#F0F7F0, #C2E8D3, #AABD94, #7EA2A5, #405248)
- Aged Forest color palette (#EEE3D0, #7F955E, #006542, #004556, #2E2A02)
- Worn Periwinkle color palette (#FAF4EF, #C6EBEC, #7D99CE, #2B7D76, #634A57)
- Softworn Courtyard color palette (#E9DED4, #7E6A00, #274000, #320F3F, #140F00)
Browse the whole catalog at Explore, or see today's palette.