Cocoa Ridge color palette — #E5F2DD · #005B4B · #593000 · #1E1800 · #000201
Built around Cocoa, softened by Pine — the whole palette hums with optimism and sophistication.
The five colors
- Honeydew (#E5F2DD): A whisper-light, dusty green — the color of fresh herbs.
- Pine (#005B4B): A full-bodied, dusty teal — the color of sea glass.
- Cocoa (#593000): A deep, shadowed, balanced gold — the color of honey in a jar.
- Ink (#1E1800): A deep, shadowed, dusty green — the color of new leaves after rain.
- Black (#000201): quiet, heavy and certain.
Feels like: 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
- Onyx Thicket color palette (#D9F5E9, #003D56, #451D00, #220B00, #000204)
- Velvet Delta color palette (#F2E0DF, #8B005D, #533400, #1C1900, #040002)
- Shadow Loft color palette (#CFECDD, #00566F, #560083, #011F03, #000102)
- Airy Market color palette (#FFE8E7, #BF2A8B, #845400, #423800, #040000)
- Sunlit Chestnut Meadow color palette (#DAF2E8, #0076A3, #994600, #703200, #000204)
- Cornflower Meadow color palette (#FFF0FD, #4F7FFF, #BC3E8A, #005A53, #130011)
- Lowlit Aubergine Drift color palette (#D1F6E9, #00537B, #5E0073, #33001A, #000103)
- Lowlit Aubergine color palette (#F5E0E5, #72009D, #711200, #261300, #030005)
Browse the whole catalog at Explore, or see today's palette.