Cocoa Ridge color palette — #EEE4E8 · #99AA98 · #99835C · #683700 · #14040B
Built around Bronze, softened by Mocha — the whole palette hums with optimism and sophistication.
The five colors
- Rose Water (#EEE4E8): a clean, paper-quiet neutral.
- Taupe (#99AA98): A luminous, dusty green — the color of fresh herbs.
- Mocha (#99835C): A luminous, dusty gold — the color of afternoon light on wheat.
- Bronze (#683700): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Ink (#14040B): A deep, shadowed, dusty rose — the color of strawberry cream.
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
- Wandering Cocoa Market color palette (#DCE4DE, #97AA9F, #6E8F81, #554200, #000D04)
- Antique Garden color palette (#F3EBF1, #AEA0A9, #A1788E, #7A201B, #0F060D)
- Chestnut Boulevard color palette (#EBE3DD, #A3A28F, #878D6D, #924F18, #120600)
- Timeworn Bloom color palette (#ECE0E6, #B0BFB3, #769B90, #632700, #040002)
- Dusty Onyx color palette (#F3E4EB, #8F9E91, #5B786B, #471D00, #10060B)
- Fern Loft color palette (#E0E8E4, #B4CAC1, #9BAC83, #6A6300, #16221C)
- Amber Terrace color palette (#D4E6D5, #CC7300, #827C00, #675900, #080400)
- Fern Studio color palette (#F6F0D1, #7A813B, #3B6000, #003939, #00181E)
Browse the whole catalog at Explore, or see today's palette.