Cocoa Delta color palette — #FFF2EE · #E0DACE · #DAB6B5 · #A0B3B2 · #7C401E

Bronze takes the lead with Rosewood Mist close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#E0DACE): a clean, paper-quiet neutral.
• Rosewood Mist (#DAB6B5): A luminous, dusty red — the color of late-summer berries.
• Ash (#A0B3B2): A luminous, dusty teal — the color of sea glass.
• Bronze (#7C401E): A full-bodied, balanced orange — the color of sun-warmed clay.

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

• Cocoa Workshop color palette (#FFF3E3, #DAE1C7, #C3C2CD, #D0A88B, #5E4600)
• Timeworn Driftwood color palette (#FDF1FC, #E8D4D8, #B5AB9C, #AF7A84, #594555)
• Muted Coast color palette (#E2FFD9, #FFE9E0, #D4CFDA, #743C10, #2F2824)
• Softworn Bronze color palette (#FEF3E6, #DBEBBA, #C5A985, #A26D3A, #4E3D00)
• Weathered Cocoa color palette (#FDF3EC, #CBDECC, #A67B63, #6B3700, #211914)
• Pale Straw Coast color palette (#FFF3E5, #F4DB62, #A5BD73, #914F35, #170D00)
• Hushed Apricot color palette (#FFF3E8, #FFAE71, #72BCC4, #967690, #36302B)
• Antique Apricot Hollow color palette (#F7E3E2, #FFA26F, #BC8B21, #6F2643, #030100)

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