Hazy Cocoa color palette — #F2EFFF · #CC96C0 · #A9596D · #7C2C0B · #342000

Rust takes the lead with Brick close behind in a set that reads as creativity and warmth at first glance.

The five colors

• Blush (#F2EFFF): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#CC96C0): A luminous, balanced pink — the color of a candy shop window.
• Brick (#A9596D): A full-bodied, balanced red — the color of embers at dusk.
• Rust (#7C2C0B): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#342000): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Creativity, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

One click turns Hazy Cocoa 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

• Softworn Garnet Garden color palette (#DDEBFF, #B5A5DE, #9A6193, #7A2136, #3A1400)
• Dusty Bronze Delta color palette (#FFDDF9, #D793A7, #A35E49, #644300, #232200)
• Patina Garden color palette (#F5F0FF, #CD93AA, #A65761, #922218, #652800)
• Terracotta Harbor color palette (#DDF9F2, #AB8DC8, #9B5350, #00505B, #271D36)
• Dusty Pewter Studio color palette (#F3F0F8, #E1D4D9, #CAB8B8, #906488, #2E2A36)
• Peony Market color palette (#F2E6F7, #F15397, #AC0905, #4B2800, #140F00)
• Lowlit Plum color palette (#ECDDFA, #A82C7C, #6C0023, #270C00, #030200)
• Patina Bronze Market color palette (#F9E1E4, #D2885D, #8C6200, #404300, #001C0F)

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