Hazy Amber color palette — #FFCFDE · #E1AE5B · #CC8200 · #A65B00 · #352600

A conversation between Mustard and Ochre, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#FFCFDE): A whisper-light, dusty rose — the color of a warm blush.
• Gold (#E1AE5B): A luminous, balanced gold — the color of afternoon light on wheat.
• Mustard (#CC8200): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#A65B00): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#352600): A deep, shadowed, dusty gold — the color of old brass.

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

Use it as a design system

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

• Pale Villa color palette (#FDD0DE, #BDA257, #A66700, #8B3200, #2A2B00)
• Hushed Terracotta color palette (#F7E3EE, #D7A588, #C17A5A, #A2503D, #391C00)
• Pale Moss Study color palette (#C3E8D4, #BBBD75, #A69600, #896E00, #262D00)
• Worn Amber Study color palette (#EAFAEB, #BADAC0, #C9A672, #AF7C44, #274533)
• Linen Amber color palette (#FAE6CE, #B88200, #7E5000, #522B00, #191100)
• Quiet Rose Basin color palette (#D3FCF2, #69B100, #FD265F, #AB5600, #1B1600)
• Quiet Balcony color palette (#CCECEF, #B3CD46, #009478, #005C4A, #001315)
• Gentle Teal Corridor color palette (#E8EBCC, #5DC0FF, #00C8B7, #00564E, #00191D)

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