Cocoa Ridge color palette — #F8F7DF · #C8E9D6 · #A0C7B1 · #A6867B · #763E13
Built around Bronze, softened by Stone — the whole palette hums with nature and growth.
The five colors
- Cream (#F8F7DF): A whisper-light, dusty green — the color of fresh herbs.
- Celadon Mist (#C8E9D6): A whisper-light, dusty teal — the color of sea glass.
- Stone (#A0C7B1): A luminous, dusty teal — the color of glacier melt.
- Caramel (#A6867B): A luminous, dusty orange — the color of autumn markets.
- Bronze (#763E13): 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
- Timeworn Hollow color palette (#F7F5EB, #BAE4D8, #7FBEA7, #96863D, #464B00)
- Abyss Drift color palette (#E7F7E9, #B0C7BF, #7A99A0, #735A66, #344937)
- Aged Bronze Balcony color palette (#EAFBE8, #B9E6EA, #B4B0E1, #9A7533, #5E5200)
- Cerulean Coast color palette (#EDFCD5, #74CAD8, #5890CB, #7D5229, #3E290A)
- Washed Blush color palette (#E9FBEA, #79DFE4, #FA9CA5, #C69772, #2D3D2F)
- Worn Glacier Cabin color palette (#DFFFE2, #8BF1F6, #74A3D7, #8F674F, #583416)
- Muted Shell color palette (#EDF9F0, #B3F2FF, #FFB4C0, #50A8BA, #5A3E38)
- Airy Aqua color palette (#EEFBDA, #A7FBE5, #35C8CA, #308B9D, #2D4E42)
Browse the whole catalog at Explore, or see today's palette.