Cocoa Ridge color palette — #FFF2EC · #DFE0CC · #B9BFA7 · #A58885 · #684D4A
Coffee takes the lead with Heather close behind in a set that reads as sophistication and softness at first glance.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Bone (#DFE0CC): A whisper-light, dusty green — the color of new leaves after rain.
- Stone (#B9BFA7): A luminous, dusty green — the color of a quiet forest floor.
- Heather (#A58885): A luminous, dusty orange — the color of autumn markets.
- Coffee (#684D4A): A full-bodied, dusty orange — the color of autumn markets.
Feels like: Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.
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
- Taupe Quarry color palette (#F9F1DE, #CAC8B0, #8E9E7D, #745F6C, #4B383E)
- Ash Workshop color palette (#E8FBEE, #C8E4DC, #AACBCC, #8A98BA, #4E4D68)
- Fern Meadow color palette (#F6F6EA, #BBE2DF, #99B79E, #9E7C78, #364F0D)
- Antique Bronze color palette (#FFF5D4, #C6EADA, #97B4AB, #A36640, #723A10)
- Muted Corridor color palette (#FFF4DE, #9CC4A0, #47949E, #7F4E58, #3F1C15)
- Patina Mint Ridge color palette (#FFF4DD, #C8F5C4, #94BD81, #509579, #3B523A)
- Mallow Boulevard color palette (#F3F8E1, #A9DAAF, #E4A4CD, #C68DB2, #383932)
- Wandering Cocoa color palette (#E6DECD, #84AC87, #0D7E8A, #662D01, #281100)
Browse the whole catalog at Explore, or see today's palette.