Cocoa Ridge color palette — #FFF2E9 · #DEDACC · #C7C7A5 · #A2806E · #754307
Built around Bronze, softened by Caramel — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FFF2E9): a clean, paper-quiet neutral.
- Bone (#DEDACC): a clean, paper-quiet neutral.
- Pistachio (#C7C7A5): A whisper-light, dusty green — the color of new leaves after rain.
- Caramel (#A2806E): A luminous, dusty orange — the color of autumn markets.
- Bronze (#754307): A full-bodied, balanced gold — the color of old brass.
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
- Tempered Fern color palette (#FDF6D8, #CBE4BE, #A2C8A0, #827C4B, #534900)
- Antique Moss color palette (#FFF3DF, #D5C77D, #99A642, #724D13, #35322B)
- Cocoa Corridor color palette (#FFF2EC, #DFDECC, #B7BDC8, #E0A6A5, #744109)
- Mustard Basin color palette (#EBE8C4, #B8C565, #699854, #584700, #222400)
- Feathered Villa color palette (#FCE4CD, #BB8A3B, #7B6400, #522100, #160900)
- Pine Alley color palette (#F8F5ED, #C9C382, #578D54, #766F28, #2E2F28)
- Driftwood Loft color palette (#FAF5E9, #9D8B2F, #317A66, #6E3D41, #35302B)
- Antique Alley color palette (#F6FACD, #7BF19B, #25B68F, #556A00, #1D4521)
Browse the whole catalog at Explore, or see today's palette.