Cocoa Delta color palette — #FFF2EB · #C9B49F · #A17464 · #7E4E52 · #604100

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Stone (#C9B49F): A luminous, dusty gold — the color of honey in a jar.
• Mocha (#A17464): A luminous, dusty orange — the color of autumn markets.
• Coffee (#7E4E52): A full-bodied, dusty red — the color of a theater curtain.
• Bronze (#604100): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Patina Bronze Boulevard color palette (#FFF2EB, #E6C3A9, #C08E7B, #A26241, #693B00)
• Aged Driftwood color palette (#F9EEF5, #D5AEC2, #AC725C, #6A4D63, #37262E)
• Worn Basalt Courtyard color palette (#FBF5E4, #ACA980, #797539, #674C1A, #3A4200)
• Stone Lantern color palette (#FFF0F9, #F8CBDD, #DAA998, #9F8AA1, #3F4B41)
• Powdered Delta color palette (#FEEBD8, #B49962, #995600, #842000, #3B3700)
• Softworn Grove color palette (#F9E3C8, #97874B, #754C00, #5C2400, #222700)
• Cocoa Thicket color palette (#F7DAC6, #895D26, #5E2500, #3C0007, #100A00)
• Antique Pier color palette (#FFF1F4, #A182B0, #987A44, #336D4B, #4C363C)

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