Cocoa Ridge color palette — #F5EBEE · #ADBEB1 · #759787 · #623A00 · #2A1A20
Built around Bronze, softened by Eucalyptus — the whole palette hums with optimism and sophistication.
The five colors
- Blush (#F5EBEE): a clean, paper-quiet neutral.
- Stone (#ADBEB1): A luminous, dusty teal — the color of shallow lagoons.
- Eucalyptus (#759787): A luminous, dusty teal — the color of sea glass.
- Bronze (#623A00): A deep, shadowed, balanced gold — the color of old brass.
- Onyx (#2A1A20): A deep, shadowed, dusty rose — the color of pressed rose petals.
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
- Basalt Corridor color palette (#E0ECE3, #95B1A4, #61897F, #463500, #04190B)
- Muted Chestnut Atelier color palette (#E7DCD3, #CCC3B0, #A6A789, #8F4D00, #281D12)
- Weathered Garnet color palette (#F0E9EF, #C6B2BF, #A68391, #840020, #271A27)
- Wandering Fern Summit color palette (#EEF8F2, #BBDBD0, #81B2AA, #675B00, #1E3A2B)
- Wandering Olive color palette (#D1E5DD, #59884C, #005330, #4C1F02, #062200)
- Patina Pier color palette (#F4E7D1, #808148, #366338, #1D3561, #381939)
- Dusty Courtyard color palette (#F1F7F2, #D0E0DE, #ACC7C9, #8F6E37, #424A42)
- Antique Chestnut color palette (#DFF2E2, #8A5B00, #3D4100, #002641, #1D1500)
Browse the whole catalog at Explore, or see today's palette.