Cocoa Ridge color palette — #FEF3EA · #EBD5BE · #D0AF95 · #AF8874 · #604100
A conversation between Bronze and Caramel, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FEF3EA): a clean, paper-quiet neutral.
- Bone (#EBD5BE): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Rosewood Mist (#D0AF95): A luminous, dusty gold — the color of afternoon light on wheat.
- Caramel (#AF8874): A luminous, dusty orange — the color of sun-warmed clay.
- Bronze (#604100): A full-bodied, balanced gold — the color of afternoon light on wheat.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, light, 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
- Stone Grove color palette (#FEF1F7, #C8F2E8, #D0A389, #8B6F8C, #32443C)
- Tempered Bronze Boulevard color palette (#F9F5EB, #F2DAB5, #AF9C73, #856820, #302B20)
- Feathered Ridge color palette (#FFEBD3, #DEC683, #D09840, #BE6500, #3B3702)
- Olive Terrace color palette (#F0E8CF, #95A76E, #848100, #6F5700, #061C00)
- Stone Chapel color palette (#F9F5E8, #CBC683, #91BAEB, #B089BA, #3F3D36)
- Washed Pier color palette (#FEECF4, #D9ADBC, #9E7589, #684F61, #233025)
- Hushed Cocoa Market color palette (#EEDDCF, #B78536, #A15900, #822D00, #100A00)
- Mustard Loft color palette (#F7F5EF, #E9DEB5, #7EC8B7, #AEB255, #293125)
Browse the whole catalog at Explore, or see today's palette.