Cocoa Ridge color palette — #DDE3D2 · #007349 · #863700 · #483100 · #000602
Built around Rust, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Parchment (#DDE3D2): A whisper-light, dusty green — the color of fresh herbs.
- Pine (#007349): A full-bodied, balanced teal — the color of sea glass.
- Rust (#863700): A full-bodied, balanced orange — the color of autumn markets.
- Espresso (#483100): A deep, shadowed, dusty gold — the color of old brass.
- Ink (#000602): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Balance. Tagged 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
- Obsidian Cocoa Summit color palette (#D5E7CA, #006252, #6A2F00, #2E2500, #000300)
- Mulberry Villa color palette (#ECE8D2, #596900, #990045, #601B00, #040500)
- Fern Drift color palette (#D5E9E2, #0076B0, #4D6C00, #005031, #000F1B)
- Ancient Rust color palette (#DCECF7, #0088B0, #BA4500, #8E3300, #00050A)
- Hazy Cabin color palette (#BAF3E4, #009C85, #AC6300, #685700, #00261F)
- Gentle Olive color palette (#E0F5E7, #00A0BB, #938100, #3C7000, #112D1E)
- Mulberry Lagoon color palette (#FFDADE, #993794, #85001C, #372100, #050900)
- Aubergine Parlor color palette (#D3E4F3, #006697, #79008F, #00311C, #000103)
Browse the whole catalog at Explore, or see today's palette.