Cocoa Hollow color palette — #CDE7E9 · #005A3F · #592100 · #271B00 · #010200
A conversation between Espresso and Pine, giving this palette its sense of optimism and sophistication.
The five colors
- Frost (#CDE7E9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Pine (#005A3F): A full-bodied, balanced teal — the color of shallow lagoons.
- Espresso (#592100): A deep, shadowed, balanced orange — the color of autumn markets.
- Onyx (#271B00): A deep, shadowed, dusty gold — the color of old brass.
- Black (#010200): quiet, heavy and certain.
Feels like: Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.
Use it as a design system
One click turns Cocoa Hollow 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
- Cellar Garnet color palette (#D2F4EC, #2B5700, #6A0025, #2A0F00, #020200)
- Eclipse Denim color palette (#D7EEFB, #005B6C, #3F3600, #092000, #000202)
- Softworn Chestnut Study color palette (#DAF0F5, #008C86, #845100, #3F4100, #001C0C)
- Sapphire Bloom color palette (#E6DBE6, #0064D9, #940F7B, #5A2300, #000200)
- Lowlit Aubergine color palette (#DBF8E8, #005163, #340061, #021100, #000201)
- Obsidian Garden color palette (#E2F0F7, #00333C, #2F0018, #0B0B00, #000203)
- Lowlit Mulberry Summit color palette (#ECE5F7, #8F217B, #6E0302, #251800, #010200)
- Hushed Cobalt Pier color palette (#E8F4FF, #0084C8, #5D6C00, #00593B, #001E22)
Browse the whole catalog at Explore, or see today's palette.