Hazy Cocoa color palette — #F4DBCC · #C16D38 · #832E00 · #440500 · #030100

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

The five colors

• Parchment (#F4DBCC): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Caramel (#C16D38): A luminous, balanced gold — the color of afternoon light on wheat.
• Rust (#832E00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#440500): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Black (#030100): a grounded near-black with real depth.

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

• Muted Bronze Basin color palette (#F1DFC9, #A38037, #694500, #331B00, #020100)
• Quiet Garden color palette (#FBDFCC, #D1864A, #974400, #591900, #080300)
• Worn Bronze color palette (#FFF3E9, #F3A865, #C15F00, #822F00, #251400)
• Bronze Chapel color palette (#FDF4E1, #BBB66C, #897600, #594300, #171200)
• Soft Workshop color palette (#F2D8E3, #7922CB, #94001D, #3F1E00, #020007)
• Wandering Amber Cabin color palette (#FFF4E1, #E7CF7C, #B68A00, #805600, #322603)
• Inked Orchard color palette (#FFE3E7, #980097, #531D00, #1C1200, #010200)
• Deep Moss color palette (#E3F5E8, #57A432, #00313A, #030B0A, #000102)

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