Cocoa Ridge color palette — #EBFBE2 · #C3E6E1 · #9CCBBE · #A08A87 · #7A411A
Bronze takes the lead with Stone close behind in a set that reads as optimism and sophistication at first glance.
The five colors
- Cream (#EBFBE2): A whisper-light, dusty green — the color of fresh herbs.
- Silver (#C3E6E1): A whisper-light, dusty teal — the color of glacier melt.
- Stone (#9CCBBE): A luminous, dusty teal — the color of sea glass.
- Heather (#A08A87): A luminous, dusty orange — the color of toasted spice.
- Bronze (#7A411A): A full-bodied, balanced gold — the color of afternoon light on wheat.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, 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
- Muted Alley color palette (#F3F9DB, #CBE9C9, #CFB9CE, #B39E92, #7D441B)
- Tempered Pewter Harbor color palette (#E8F8FF, #A8C4D5, #8494A2, #71728C, #5E4E5E)
- Hushed Thicket color palette (#DDFFEA, #99CDF0, #7F88D2, #804434, #3F2200)
- Patina Cocoa Courtyard color palette (#DEFCFF, #B6E5FF, #98A9DC, #906161, #6A3B00)
- Driftwood Chapel color palette (#F4F6EE, #B6E4E0, #7CBDB4, #838D47, #374F0C)
- Washed Bronze Station color palette (#DFFDF4, #FFE1E5, #CBA3B0, #A4743C, #604800)
- Aged Ash color palette (#F1F5FF, #D3C4FF, #C17FB2, #735700, #2C3B0F)
- Worn Atelier color palette (#D5EEFF, #95AADA, #805CAF, #61330C, #251A00)
Browse the whole catalog at Explore, or see today's palette.