Cocoa Ridge color palette — #D8E3DB · #97A9A4 · #62927D · #564200 · #010D04
Deep Olive takes the lead with Eucalyptus close behind in a set that reads as optimism and sophistication at first glance.
The five colors
- Silver (#D8E3DB): a clean, paper-quiet neutral.
- Taupe (#97A9A4): A luminous, dusty teal — the color of glacier melt.
- Eucalyptus (#62927D): A luminous, dusty teal — the color of glacier melt.
- Deep Olive (#564200): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Ink (#010D04): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Aged Cocoa color palette (#EBE0E7, #99AA9A, #619281, #772700, #10050C)
- Wandering Quarry color palette (#EAE6DF, #BDBBAC, #8E9678, #483A00, #020100)
- Washed Fern color palette (#E2F1E8, #92A4A5, #6C9195, #6F6400, #010C06)
- Olive Drift color palette (#E4DFD3, #9E9A88, #73752D, #332B00, #0E0800)
- Wandering Forest color palette (#D6E2E1, #9CBAC2, #749BB5, #006335, #031817)
- Worn Workshop color palette (#E7F2EC, #CADCDA, #8FC1CB, #76770F, #21322B)
- Softworn Olive color palette (#F1E4DB, #6D8148, #00635D, #471B32, #250316)
- Weathered Bronze color palette (#FCDEEA, #867400, #2C5000, #432200, #080600)
Browse the whole catalog at Explore, or see today's palette.