Cocoa Ridge color palette — #F0E9E0 · #BEBAA0 · #8A9276 · #5B3E00 · #281D0C
A conversation between Bronze and Eucalyptus, giving this palette its sense of optimism and sophistication.
The five colors
- Parchment (#F0E9E0): bright and airy, almost weightless.
- Stone (#BEBAA0): A luminous, dusty green — the color of a quiet forest floor.
- Eucalyptus (#8A9276): A luminous, dusty green — the color of new leaves after rain.
- Bronze (#5B3E00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Onyx (#281D0C): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Optimism, Sophistication. Tagged scandi, muted, light.
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
- Hushed Basalt color palette (#DDE5E0, #A6B8AE, #7B948A, #534100, #040E07)
- Softworn Chestnut Meadow color palette (#F0EAE0, #C9C4B6, #ACA589, #755E00, #271E0C)
- Worn Forest color palette (#EDF0E8, #C0D2BF, #8AA99B, #00663A, #2B3020)
- Spruce Atelier color palette (#F0F0E5, #929F86, #597A62, #1A3300, #0A0A01)
- Patina Bronze color palette (#E0E8E1, #B5C3C3, #89B1BC, #A27900, #162319)
- Bronze Study color palette (#F9F5ED, #D7E0D3, #B3C7BB, #906E2A, #4D473D)
- Washed Pine color palette (#F5F6EE, #C7E4D8, #A2C6B2, #347C38, #3F4400)
- Muted Lagoon Parlor color palette (#ECEBD7, #009065, #004F51, #452031, #002114)
Browse the whole catalog at Explore, or see today's palette.