Cocoa Ridge color palette — #FCEBE0 · #A3A053 · #702900 · #3C1200 · #181103
A conversation between Rust and Moss, giving this palette its sense of nature and growth.
The five colors
- Cream (#FCEBE0): A whisper-light, dusty gold — the color of old brass.
- Moss (#A3A053): A luminous, balanced green — the color of new leaves after rain.
- Rust (#702900): A deep, shadowed, balanced orange — the color of toasted spice.
- Espresso (#3C1200): A deep, shadowed, dusty orange — the color of sun-warmed clay.
- Ink (#181103): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, 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
- Linen Garnet Loft color palette (#FDEAE6, #87A85E, #7D0337, #40081C, #23100D)
- Dusty Chestnut Archive color palette (#FDF3E9, #BFAD76, #714700, #422700, #1F1E14)
- Amber Courtyard color palette (#EEE4CB, #BF8600, #443B00, #201B00, #070A00)
- Amber Parlor color palette (#FDF3EC, #D87F53, #00704A, #823400, #151B08)
- Driftwood Balcony color palette (#F9E9F2, #D9C888, #B57656, #734B37, #1F1119)
- Weathered Forest color palette (#FFEADB, #B6761E, #046E18, #4A316A, #33302A)
- Misty Aubergine Summit color palette (#FFF3E7, #965900, #005E52, #551655, #2A1905)
- Deep Bronze color palette (#F0E1CA, #896600, #1E2A2B, #271B00, #070400)
Browse the whole catalog at Explore, or see today's palette.