Cocoa Ridge color palette — #F0E5DB · #B2AA8E · #617B5C · #69402C · #3D2311
A conversation between Cocoa and Pewter, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F0E5DB): a clean, paper-quiet neutral.
- Sage (#B2AA8E): A luminous, dusty green — the color of fresh herbs.
- Pewter (#617B5C): A full-bodied, dusty green — the color of a quiet forest floor.
- Cocoa (#69402C): A full-bodied, dusty orange — the color of sun-warmed clay.
- Espresso (#3D2311): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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
- Hushed Chestnut color palette (#F4EACD, #B4BEA4, #6E8D7C, #814A1D, #4F2600)
- Worn Coast color palette (#F8F1E3, #A5A278, #327357, #574400, #1F1D00)
- Worn Teal color palette (#E4E6BD, #7EB8A3, #5B7E63, #6C4B52, #5A3835)
- Timeworn Bronze color palette (#F9F2D9, #BDC8B1, #86A399, #8A6723, #403E37)
- Muted Lagoon Basin color palette (#D9EEDC, #9EBE94, #48989C, #8A5D55, #573D51)
- Aged Archive color palette (#EBE2D2, #648561, #005B67, #542205, #220800)
- Misty Fern color palette (#CEEEBB, #77B3B0, #5D79A9, #565B19, #223500)
- Ancient Basalt color palette (#E5EECE, #7C9C85, #815D76, #304113, #142000)
Browse the whole catalog at Explore, or see today's palette.