Cocoa Delta color palette — #FFF2EC · #E7DFB5 · #A66152 · #5D2500 · #170C07

Espresso takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Celadon Mist (#E7DFB5): A whisper-light, dusty green — the color of a quiet forest floor.
• Walnut (#A66152): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#5D2500): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#170C07): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Cocoa Delta 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

• Tempered Cocoa Lantern color palette (#FBF4ED, #DFDFCC, #A37D5D, #663A00, #221911)
• Worn Archive color palette (#FFF3E3, #FFD176, #8C6200, #3F2A00, #0D0600)
• Moonless Amber color palette (#EFDFD6, #C27C00, #4C1800, #0F0B04, #030000)
• Sand Studio color palette (#FEF2EE, #E9D3A4, #BA8582, #825553, #2E1D16)
• Patina Cocoa Harbor color palette (#F8EEF7, #C5B187, #784442, #431716, #140713)
• Tempered Apricot Pier color palette (#FFF2EB, #FF8F6B, #95A853, #83658E, #322015)
• Muted Hollow color palette (#FFF2E9, #FEB23E, #8A4000, #341400, #030100)
• Dusty Taupe color palette (#FFF3E6, #FFE0AF, #B69A4A, #766B0D, #2F2F00)

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