Misty Amber color palette — #F9DCCB · #DB7E00 · #A06100 · #704900 · #402D00

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

The five colors

• Shell Pink (#F9DCCB): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#DB7E00): A luminous, balanced gold — the color of old brass.
• Ochre (#A06100): A full-bodied, balanced gold — the color of old brass.
• Bronze (#704900): A full-bodied, balanced gold — the color of old brass.
• Espresso (#402D00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Misty 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

• Muted Marigold Archive color palette (#EFE0D3, #D99A40, #AC7A00, #765900, #433500)
• Pale Rust color palette (#F3D7D6, #EF725F, #C83A14, #813100, #491F00)
• Mustard Hollow color palette (#FBE19B, #D3A92E, #8F7200, #564200, #211800)
• Gentle Hollow color palette (#EBDBC9, #CD8800, #C256B0, #875800, #48053F)
• Tempered Boulevard color palette (#F4EDD1, #8D8200, #5C6000, #303800, #0A1300)
• Pale Brick Study color palette (#F9EFDD, #A58100, #009253, #AF3C3E, #291E00)
• Patina Lime color palette (#E0E2C0, #A0B200, #648200, #3C6000, #173B00)
• Feathered Fern color palette (#FDF6D2, #BAD29F, #8DB173, #63885F, #4F580C)

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