Cocoa Delta color palette — #F5EDF1 · #C0ADB5 · #A3838D · #6F2D00 · #14050E

Rust and Heather set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#F5EDF1): bright and airy, almost weightless.
• Rosewood Mist (#C0ADB5): A luminous, dusty rose — the color of strawberry cream.
• Heather (#A3838D): A luminous, dusty rose — the color of a warm blush.
• Rust (#6F2D00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#14050E): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Hushed Dune color palette (#F2E7E1, #C4B6A8, #9A8D70, #6D301A, #2B1B11)
• Antique Lagoon color palette (#DFE6E0, #A7B8AC, #739784, #593E00, #030E04)
• Fern Field color palette (#E3EBE9, #BFCFCC, #87ACA8, #485E17, #061A15)
• Weathered Market color palette (#FAF3F7, #EDD4D0, #9FC5AE, #954428, #160611)
• Worn Hollow color palette (#E1E8E4, #7D938A, #62724B, #2F2B00, #000201)
• Hushed Bronze color palette (#F7EFF2, #CAD6D8, #A5C5BD, #986942, #32292D)
• Aged Pier color palette (#FFDFEA, #F56F00, #B96B00, #745900, #0B0400)
• Timeworn Lantern color palette (#D9E9DC, #8F5500, #4B3900, #002615, #0A0400)

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