Cocoa Ridge color palette — #CBE7ED · #005F58 · #613900 · #2C2800 · #000302
A conversation between Bronze and Pine, giving this palette its sense of nature and growth.
The five colors
- Frost (#CBE7ED): A whisper-light, dusty blue — the color of open sky before noon.
- Pine (#005F58): A full-bodied, dusty teal — the color of shallow lagoons.
- Bronze (#613900): A deep, shadowed, balanced gold — the color of honey in a jar.
- Espresso (#2C2800): A deep, shadowed, dusty green — the color of fresh herbs.
- Black (#000302): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, 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
- Washed Denim color palette (#E1F3FF, #005A78, #454800, #00310C, #000305)
- Mulberry Archive color palette (#F3E4FC, #93095A, #5C3C00, #2A2900, #070003)
- Softworn Thicket color palette (#D5F5EF, #1E6300, #83010F, #3E1D00, #000300)
- Soft Brick Basin color palette (#E4EFFF, #3C6DCF, #B01917, #3A3C00, #000109)
- Wandering Garnet Boulevard color palette (#F9E9FB, #005295, #781F00, #222E00, #18031B)
- Shadow Abyss color palette (#E4F0FA, #003A58, #212F00, #001809, #000103)
- Patina Lapis color palette (#DAE2F8, #5A4FC2, #00644D, #003E43, #060221)
- Antique Plum color palette (#EFDAF3, #C50055, #725700, #364100, #1D0007)
Browse the whole catalog at Explore, or see today's palette.