Cocoa Hollow color palette — #DFE5D7 · #005138 · #5A2300 · #271900 · #000201

Built around Espresso, softened by Forest — the whole palette hums with optimism and sophistication.

The five colors

• Parchment (#DFE5D7): bright and airy, almost weightless.
• Forest (#005138): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Espresso (#5A2300): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#271900): A deep, shadowed, dusty gold — the color of honey in a jar.
• 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 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

• Garnet Study color palette (#E7E6C9, #334D00, #690024, #340E00, #010100)
• Basalt Field color palette (#D5E5DB, #004C5B, #3D3700, #0C2200, #000102)
• Chestnut Parlor color palette (#CBE7DA, #007E5D, #8F4200, #4E3700, #000F08)
• Antique Lapis color palette (#F6E3F1, #4044D9, #890062, #392200, #01000B)
• Bronze Field color palette (#E3F8E8, #008C99, #826800, #3E5200, #00181B)
• Faded Grape Atelier color palette (#D9DDEE, #6C15E6, #9C002E, #592200, #060018)
• Timeworn Fern Atelier color palette (#FEEEE8, #B96E68, #7D7834, #2E601E, #2C1106)
• Cobalt Boulevard color palette (#F5E2F3, #4173C6, #3E7338, #004F44, #1C061C)

Browse the whole catalog at Explore, or see today's palette.