Hazy Cocoa color palette — #F6E7D4 · #ABA34A · #8F6000 · #742700 · #1F1D00

Built around Rust, softened by Moss — the whole palette hums with nature and growth.

The five colors

• Parchment (#F6E7D4): A whisper-light, dusty gold — the color of honey in a jar.
• Moss (#ABA34A): A luminous, balanced green — the color of new leaves after rain.
• Ochre (#8F6000): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#742700): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#1F1D00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, 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

• Worn Moss Meadow color palette (#F7E2C9, #A08F00, #7D5000, #621A00, #0B1600)
• Weathered Atelier color palette (#FDE3D3, #C9944F, #AA4A1B, #722437, #251A00)
• Worn Bronze Orchard color palette (#FFEBD1, #B39B49, #8B6000, #6D3B05, #393809)
• Mustard Drift color palette (#FFEEE3, #B1AD42, #7F3000, #3B1200, #110400)
• Airy Amber Grove color palette (#E2FEE3, #E9CE77, #BF8500, #894F15, #063021)
• Chestnut Quarry color palette (#F8F1E7, #C2BBA0, #9A7E47, #7F491A, #2C2E1C)
• Quiet Garnet Basin color palette (#FFE2D2, #A06100, #782200, #46001D, #070500)
• Patina Marigold Ridge color palette (#FFDACE, #DD9700, #777800, #004C24, #00201F)

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