Cocoa Delta color palette — #FFF2EC · #E8DAD7 · #E6BE88 · #B8B4AA · #5D2D00

Cocoa takes the lead with Sand close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Bone (#E8DAD7): bright and airy, almost weightless.
• Sand (#E6BE88): A whisper-light, balanced gold — the color of honey in a jar.
• Ash (#B8B4AA): a calm mid-gray that lets other colors speak.
• Cocoa (#5D2D00): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, 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

• Washed Mustard Station color palette (#FFF2EA, #E7DAD5, #AFD0AE, #C2A600, #391F00)
• Weathered Taupe color palette (#FAEEF6, #FECDE0, #F4B792, #A7AB64, #3B2733)
• Aged Thicket color palette (#FFF2ED, #E0DBCB, #C0C2AD, #7E9382, #40554E)
• Weathered Summit color palette (#FFF2EB, #E89680, #78480C, #342822, #150D0B)
• Worn Orchard color palette (#FEF3E7, #E5E0B3, #AECEFA, #C08F52, #543D55)
• Cerulean Pier color palette (#F9F4EE, #C5DFF0, #E0C0DD, #5A9CB3, #5C4555)
• Washed Rust Market color palette (#F8D7C2, #FB75A0, #CD5200, #664B00, #030100)
• Worn Apricot Ridge color palette (#FFF3E8, #F2D5C2, #FFA761, #9E8C00, #211500)

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