Hazy Cocoa color palette — #FFE7CE · #A58D54 · #9C5D00 · #852900 · #0C0C00

Built around Rust, softened by Ochre — the whole palette hums with optimism and warmth.

The five colors

• Parchment (#FFE7CE): A whisper-light, dusty gold — the color of honey in a jar.
• Caramel (#A58D54): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#9C5D00): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#852900): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#0C0C00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, 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

• Garnet Atelier color palette (#ECDBD1, #BC8143, #B44605, #8F0C2B, #110A00)
• Hushed Drift color palette (#FBEED1, #89984A, #806D00, #6B4200, #011000)
• Tempered Bronze Chapel color palette (#F5E1E7, #A27327, #754600, #4C2500, #110A00)
• Muted Brick Delta color palette (#F6E1D3, #D4A974, #C4794D, #AE4341, #2D2300)
• Terracotta Bloom color palette (#DAECE6, #2A97DB, #A03400, #4D5D00, #00050C)
• Worn Taupe color palette (#FCF4E7, #DAD0B3, #C4A873, #AC7C59, #443F00)
• Crimson Pier color palette (#FFEADE, #ECBD96, #EB835F, #C95265, #463100)
• Faded Denim color palette (#F4E0F5, #CE8233, #0058A5, #002851, #050006)

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