Cocoa Ridge color palette — #FFF2EE · #E3969A · #7F4123 · #362723 · #140D0C
Bronze takes the lead with Rose Quartz close behind in a set that reads as optimism and sophistication at first glance.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Rose Quartz (#E3969A): A luminous, balanced red — the color of a theater curtain.
- Bronze (#7F4123): A full-bodied, balanced orange — the color of sun-warmed clay.
- Espresso (#362723): A deep, shadowed, dusty orange — the color of toasted spice.
- Ink (#140D0C): a grounded near-black with real depth.
Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, 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
- Stone Garden color palette (#FCEEEB, #EE9DA4, #A56C3F, #634F4A, #271F1F)
- Hushed Amber color palette (#FFF3E2, #C7941A, #5A4200, #251D12, #080502)
- Driftwood Studio color palette (#F4E9F5, #B86771, #4C3240, #231B24, #0D0B10)
- Ember Archive color palette (#FFF2EB, #F5530E, #593014, #270D00, #050100)
- Cellar Loft color palette (#F6D7C9, #750208, #1E2823, #110B04, #040000)
- Moonless Chestnut color palette (#F6EBDE, #845400, #263230, #1A1100, #020100)
- Patina Sand color palette (#FFF3E8, #F8BE8F, #AEC48E, #C491A4, #532E00)
- Tempered Dune color palette (#F0E7D6, #615F68, #5D4C00, #161C16, #060600)
Browse the whole catalog at Explore, or see today's palette.