Weathered Cocoa Ridge color palette — #F9F5EA · #DEDECC · #8C8953 · #564400 · #1E1B14
Deep Olive takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F9F5EA): a clean, paper-quiet neutral.
- Bone (#DEDECC): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#8C8953): A luminous, dusty green — the color of a quiet forest floor.
- Deep Olive (#564400): A deep, shadowed, balanced green — the color of fresh herbs.
- Ink (#1E1B14): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.
Use it as a design system
One click turns Weathered 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
- Tempered Lagoon color palette (#F1F8ED, #EDDEBC, #288876, #2B3F20, #0A1206)
- Muted Sand color palette (#ECF9F1, #F1DCA4, #A8A06E, #5B7466, #242E28)
- Hushed Thicket color palette (#EAF5EF, #DCBE98, #656439, #16392B, #0C1612)
- Washed Ridge color palette (#E8F3DC, #E6871F, #004833, #1D292D, #000A05)
- Dusty Cabin color palette (#F7F5EE, #FBFAB8, #52C3BC, #A09E54, #192117)
- Bronze Harbor color palette (#EBE8D9, #A36E00, #191E00, #090C06, #010100)
- Mint Loft color palette (#F6F6EB, #ACD189, #7AB5E6, #787DAE, #32322B)
- Teal Chapel color palette (#FFF2EA, #C8E9B4, #44B6B2, #8E6478, #384600)
Browse the whole catalog at Explore, or see today's palette.