Hazy Cocoa Atelier color palette — #FFE7F1 · #C49160 · #99551B · #783000 · #4A2F06

Rust and Ochre set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#FFE7F1): A whisper-light, dusty rose — the color of strawberry cream.
• Camel (#C49160): A luminous, balanced gold — the color of old brass.
• Ochre (#99551B): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#783000): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#4A2F06): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm.

Use it as a design system

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

• Gentle Bronze color palette (#FBE1EC, #C6964C, #A25200, #76231B, #002313)
• Powdered Grove color palette (#F7D2E4, #BC7D45, #8D4400, #672400, #3C2200)
• Antique Lagoon color palette (#DEF6E4, #AC9D5A, #826500, #624300, #3B3700)
• Hazy Thicket color palette (#FFF1F7, #DB8D4E, #726500, #814300, #221D00)
• Amber Hollow color palette (#FFEADA, #D6AC6E, #C86911, #92473E, #38352E)
• Tempered Garnet color palette (#FEF0FA, #D29250, #821F00, #4A0D00, #281222)
• Chestnut Ridge color palette (#FADBED, #975328, #622000, #3B0400, #160700)
• Washed Orchard color palette (#FDF2F5, #A9BFA7, #9A795A, #775063, #3B4D3D)

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