Cocoa Delta color palette — #FFE3CE · #CDC3A8 · #B0AB85 · #9D708B · #683C26

A conversation between Cocoa and Mocha, giving this palette its sense of nature and growth.

The five colors

• Parchment (#FFE3CE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sand (#CDC3A8): A luminous, dusty green — the color of new leaves after rain.
• Sage (#B0AB85): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#9D708B): A full-bodied, dusty pink — the color of peonies in June.
• Cocoa (#683C26): A full-bodied, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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

• Timeworn Cocoa Basin color palette (#FFF3E9, #E4D9C4, #B5C0A6, #AD8676, #75410B)
• Softworn Cobalt color palette (#FBDCCE, #DABDB0, #C39D84, #747DB4, #5C3551)
• Wandering Teal Archive color palette (#FEF5D9, #BAD8AD, #6BB09F, #7D6171, #54383E)
• Muted Villa color palette (#E7EFD8, #B3CB7E, #7AAB7F, #CA4A72, #563600)
• Antique Harbor color palette (#FCEDC4, #C6D2AE, #7BB8D1, #9D844B, #574C20)
• Hushed Boulevard color palette (#EFDACB, #C09E75, #799065, #894464, #452000)
• Timeworn Driftwood Courtyard color palette (#F5F7EA, #98D9CC, #5DADC1, #B06E78, #2B3B24)
• Timeworn Taupe Villa color palette (#FAD6E3, #99AC7E, #4C7884, #4F4661, #2B223B)

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