Dusty Cocoa Ridge color palette — #F9F1DE · #ABB07F · #7F7548 · #674400 · #252411
Bronze takes the lead with Sage close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F9F1DE): A whisper-light, dusty gold — the color of old brass.
- Sage (#ABB07F): A luminous, dusty green — the color of a quiet forest floor.
- Walnut (#7F7548): A full-bodied, dusty green — the color of a quiet forest floor.
- Bronze (#674400): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Onyx (#252411): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Dusty 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
- Patina Market color palette (#FCEFE4, #D2B693, #AA7641, #80471E, #322B1F)
- Soft Mustard color palette (#FFE5BF, #B8A010, #896400, #623800, #231C00)
- Pewter Field color palette (#E6FBEE, #8AB1A3, #7E7240, #6A4B24, #1F4540)
- Weathered Archive color palette (#FFF4DF, #D3E6A6, #AF9D60, #706964, #31332C)
- Driftwood Quarry color palette (#EFE6D4, #8B8B42, #665300, #442B00, #110F00)
- Mustard Dune color palette (#F1F3E8, #D3AE5D, #34622F, #272A06, #0C0E02)
- Ancient Amber color palette (#FDE7DB, #C87800, #904100, #641508, #1B1000)
- Quiet Mint color palette (#F0F4E8, #63CC8F, #00839B, #28754B, #04120A)
Browse the whole catalog at Explore, or see today's palette.