Cocoa Delta color palette — #FFF2EB · #DEDCCC · #C3CAA6 · #B88380 · #744109

Bronze and Dusty Rose set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#DEDCCC): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#C3CAA6): A whisper-light, dusty green — the color of new leaves after rain.
• Dusty Rose (#B88380): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#744109): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

• Tempered Cocoa color palette (#FFEEE7, #C2FBDC, #DEDDC5, #AE829B, #592F00)
• Tempered Bronze color palette (#FCF5DD, #CBE5C3, #B5C59C, #9F7C33, #595000)
• Feathered Rust Balcony color palette (#FFF3E7, #DDE3C0, #A2C155, #BB512E, #543E15)
• Terracotta Veranda color palette (#FFEBD2, #D5C685, #81A76A, #904000, #3A2D00)
• Ash Boulevard color palette (#FFF0FC, #C6EDF2, #A2D8E2, #B39FC5, #5A4B52)
• Worn Garnet color palette (#FFEADB, #AA8E65, #736F00, #5B0202, #160900)
• Hushed Denim Study color palette (#FBF4EA, #A58D5C, #4987A8, #5F5590, #413C36)
• Timeworn Boulevard color palette (#F8F5EF, #D1BE9B, #398F75, #856A00, #2C2F29)

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