Cocoa Ridge color palette — #DCECCF · #006C54 · #6D2E00 · #332900 · #010A00
Rust and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#DCECCF): A whisper-light, dusty green — the color of new leaves after rain.
- Pine (#006C54): A full-bodied, balanced teal — the color of sea glass.
- Rust (#6D2E00): A deep, shadowed, balanced orange — the color of autumn markets.
- Espresso (#332900): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#010A00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, 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
- Softworn Chestnut Summit color palette (#E7F7E9, #007580, #6A4E00, #303C00, #050C00)
- Mulberry Boulevard color palette (#EFE9C4, #5A7200, #870046, #551B00, #0B0700)
- Lowlit Abyss Terrace color palette (#D9F3E2, #005362, #3B2F00, #081B00, #000201)
- Worn Aubergine Coast color palette (#DDF4FF, #006D80, #6A0073, #422800, #001E1F)
- Hushed Lagoon color palette (#EEF4EB, #49A08F, #875D3E, #5A4F18, #171A0B)
- Softworn Terrace color palette (#D1FBF8, #009B4B, #C4090D, #643E00, #151B00)
- Aged Aubergine Veranda color palette (#CCF2E1, #006A8D, #6800A7, #00360F, #000909)
- Moonless Onyx Studio color palette (#E6F2D4, #003923, #320700, #0D191C, #0F0700)
Browse the whole catalog at Explore, or see today's palette.