Frosted Amber color palette — #FFF2EA · #ECAE74 · #B87700 · #754F00 · #3F2D00

Mustard and Sand set the tone — five colors that lean into optimism and balance.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Sand (#ECAE74): A luminous, balanced gold — the color of old brass.
• Mustard (#B87700): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#754F00): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#3F2D00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Balance. Tagged warm.

Use it as a design system

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

• Ember Boulevard color palette (#FFF2F0, #FB9F8F, #D56443, #8C3B00, #4F2400)
• Moss Pier color palette (#FFF4DA, #DDC771, #9E9000, #686600, #2F3600)
• Airy Amber color palette (#FFE5DF, #FFA25F, #D78C00, #936E00, #3E3904)
• Timeworn Pier color palette (#F4E2D2, #BE7F00, #795700, #403000, #130E00)
• Chestnut Villa color palette (#EBFAEB, #AFD2B6, #A8824B, #7B4C10, #042915)
• Fuchsia Archive color palette (#EBFAEA, #E4B678, #DD81C7, #A06900, #440C3A)
• Misty Mustard color palette (#FAEA89, #C9C100, #7E8600, #435200, #192900)
• Weathered Olive color palette (#DAFFEF, #A5E8DA, #A0B973, #668A47, #235952)

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