Cocoa Ridge color palette — #FFF4DC · #D2D5B7 · #A0C6AE · #AB8F72 · #6D4200
Bronze and Stone set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FFF4DC): A whisper-light, dusty gold — the color of honey in a jar.
- Oat (#D2D5B7): A whisper-light, dusty green — the color of new leaves after rain.
- Stone (#A0C6AE): A luminous, dusty teal — the color of shallow lagoons.
- Caramel (#AB8F72): A luminous, dusty gold — the color of old brass.
- Bronze (#6D4200): A full-bodied, balanced gold — the color of old brass.
Feels like: Nature, Growth, 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
- Hushed Fern color palette (#F7F5EB, #D0DAB4, #7BBAB3, #99916A, #3D4900)
- Patina Basalt Parlor color palette (#D3E7C6, #A4CDBC, #BC99A9, #728964, #464500)
- Wandering Lantern color palette (#EEFBDE, #BBE8DC, #85BCD8, #9D6E70, #7D3D26)
- Quiet Bronze Canyon color palette (#EAECD6, #6DD4B3, #70A7CE, #997700, #4C3A00)
- Ash Harbor color palette (#DDFDFD, #AAC8D0, #7DA6C1, #7D6A8E, #5D445C)
- Terracotta Ridge color palette (#E9EDE0, #6D9F7B, #398784, #923910, #1D1D00)
- Petrol Hollow color palette (#E1EBD9, #5B907D, #346D9A, #534500, #0C1900)
- Bronze Ridge color palette (#CCEADE, #A5BB9E, #729AC0, #7C7733, #004232)
Browse the whole catalog at Explore, or see today's palette.