Cocoa Ridge color palette — #F7DFE7 · #986970 · #78453C · #382C00 · #121400
A conversation between Coffee and Mocha, giving this palette its sense of nature and growth.
The five colors
- Rose Water (#F7DFE7): A whisper-light, dusty rose — the color of pressed rose petals.
- Mocha (#986970): A full-bodied, dusty red — the color of a theater curtain.
- Coffee (#78453C): A full-bodied, dusty orange — the color of toasted spice.
- Espresso (#382C00): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#121400): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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
- Softworn Mulberry Hollow color palette (#ECDFFE, #8B6F93, #764467, #4A1901, #1C0B00)
- Rust Studio color palette (#FFEAEB, #A5584D, #6D3002, #1F2100, #030900)
- Aged Amber color palette (#FFE5E3, #DC815F, #8E6442, #3A4800, #0A2C01)
- Timeworn Alley color palette (#E6DFFF, #CE8EB3, #9B685C, #004C4B, #001D1C)
- Driftwood Workshop color palette (#F9D9F1, #9379AE, #704352, #00432E, #00303B)
- Tempered Summit color palette (#F8EDE0, #7E9F86, #6C6E40, #004939, #002120)
- Washed Coast color palette (#DBF0E1, #867A15, #454700, #4C1021, #0A0800)
- Airy Scarlet color palette (#FFE5E2, #CF514E, #850011, #3D0003, #070000)
Browse the whole catalog at Explore, or see today's palette.