Cocoa Ridge color palette — #F1E5D7 · #8F884A · #694500 · #3E1000 · #010200
Built around Bronze, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Parchment (#F1E5D7): A whisper-light, dusty gold — the color of old brass.
- Moss (#8F884A): A luminous, balanced green — the color of fresh herbs.
- Bronze (#694500): A full-bodied, balanced gold — the color of honey in a jar.
- Espresso (#3E1000): A deep, shadowed, dusty orange — the color of autumn markets.
- Black (#010200): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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
- Faded Garnet Drift color palette (#F8E1C8, #A89B4F, #845400, #5B1500, #020500)
- Midnight Olive Market color palette (#E8E1CB, #5A7E48, #403E00, #1C0F00, #000201)
- Misty Ridge color palette (#FFF4E1, #B8C375, #9D7800, #793800, #011F02)
- Tempered Garnet Grove color palette (#FFF2E9, #CDAD7C, #AD5E2E, #82112B, #141300)
- Washed Canyon color palette (#FFEAE6, #AF0054, #684600, #002F2B, #040001)
- Dusty Garnet color palette (#E5DAE9, #D25D93, #980210, #331900, #010100)
- Terracotta Harbor color palette (#FFE3D6, #9D1800, #592E00, #001B1B, #040001)
- Frosted Orchid color palette (#F9E3E7, #BD65CA, #614A00, #61006E, #020100)
Browse the whole catalog at Explore, or see today's palette.