Cocoa Ridge color palette — #FFF2EE · #E0DECD · #B6BECA · #B79296 · #794018
Built around Bronze, softened by Dusty Rose — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Bone (#E0DECD): A whisper-light, dusty green — the color of new leaves after rain.
- Ash (#B6BECA): soft and architectural.
- Dusty Rose (#B79296): A luminous, dusty red — the color of embers at dusk.
- Bronze (#794018): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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
- Muted Fern Grove color palette (#FFF4E1, #BFFCE1, #A0DBD6, #AC8972, #564900)
- Stone Basin color palette (#FFF0FC, #E7D9D7, #EDB5AC, #BCBCC8, #604854)
- Worn Frost Studio color palette (#FFF0F9, #C0F2E3, #E6D6D5, #987990, #5E4B55)
- Dusty Mint color palette (#FFF2EB, #DDE9C2, #83DE95, #BA7799, #623E22)
- Cocoa Bloom color palette (#FBF4EC, #E3D091, #997552, #6E4100, #332920)
- Wandering Marigold Terrace color palette (#FDF3E8, #DB9D44, #7F9CCF, #8E6E8B, #413C36)
- Chestnut Corridor color palette (#F5ECD9, #8CC47D, #00A1AD, #884304, #221C00)
- Emerald Loft color palette (#FFE1D5, #BC964F, #529A44, #6E2954, #1C0800)
Browse the whole catalog at Explore, or see today's palette.