Cocoa Ridge color palette — #F9F5E7 · #D1D189 · #8699C7 · #905A55 · #5F2306
A conversation between Espresso and Pistachio, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F9F5E7): a clean, paper-quiet neutral.
- Pistachio (#D1D189): A whisper-light, balanced green — the color of fresh herbs.
- Blue Fog (#8699C7): A luminous, dusty violet — the color of twilight just after sunset.
- Pewter (#905A55): A full-bodied, dusty orange — the color of autumn markets.
- Espresso (#5F2306): A deep, shadowed, balanced orange — the color of toasted spice.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged 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
- Weathered Sand Orchard color palette (#FDF3EB, #F9BD90, #60A6B6, #935660, #522D23)
- Worn Ash Coast color palette (#F4F7EC, #A9DAB1, #BA86AF, #92585A, #502E22)
- Ancient Driftwood Orchard color palette (#EAF9F8, #A7D4B4, #83AED7, #AE6F97, #573C12)
- Timeworn Rust color palette (#E0FEEC, #00ABCF, #BC3200, #513C00, #1A1100)
- Muted Aqua Bloom color palette (#E8FBEF, #67CBE5, #BA7562, #89472A, #3F2400)
- Frosted Orchard color palette (#E9FBE7, #00A7A2, #9E3B5C, #6C0031, #1F0200)
- Chalky Cornflower color palette (#FFF5D8, #C1B407, #4474E7, #754300, #301D00)
- Timeworn Driftwood color palette (#F8F5EC, #C0E0D7, #A2B597, #9B833C, #464B00)
Browse the whole catalog at Explore, or see today's palette.