Cocoa Ridge color palette — #FFEADF · #792800 · #343900 · #29002F · #060000
Built around Rust, softened by Deep Indigo — the whole palette hums with nature and growth.
The five colors
- Cream (#FFEADF): A whisper-light, dusty orange — the color of sun-warmed clay.
- Rust (#792800): A deep, shadowed, balanced orange — the color of toasted spice.
- Forest (#343900): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Deep Indigo (#29002F): A deep, shadowed, balanced pink — the color of neon signs at night.
- Black (#060000): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. Tagged jewel, vibrant, dark, 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
- Cellar Mulberry Pier color palette (#FFE2DD, #91003D, #412D00, #180049, #060001)
- Charred Chestnut Quarry color palette (#F5E2C6, #6B4B00, #00381E, #390018, #050100)
- Dusty Bronze color palette (#FFEADC, #9D5B00, #664300, #2D1F00, #040300)
- Antique Market color palette (#EDDED4, #B7A08B, #96836D, #6F3000, #100703)
- Lowlit Garnet Corridor color palette (#FFEAE1, #601400, #002118, #000812, #060000)
- Hazy Brick color palette (#F5DFF1, #B22904, #005C43, #003B5D, #050004)
- Misty Cabin color palette (#FCECDE, #EB6400, #A76200, #6A5300, #080300)
- Ancient Byzantium color palette (#FFEDCF, #A17900, #A40FAA, #8A003A, #290F00)
Browse the whole catalog at Explore, or see today's palette.