Faded Amber color palette — #FFF2EB · #FFAF70 · #DA8300 · #8B5A00 · #422D00

Built around Mustard, softened by Cantaloupe — the whole palette hums with optimism and balance.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Cantaloupe (#FFAF70): A luminous, balanced gold — the color of old brass.
• Mustard (#DA8300): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#8B5A00): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#422D00): 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 Faded 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 Amber Coast color palette (#FFF3E3, #E7B34E, #AD8A00, #756200, #312C00)
• Apricot Alley color palette (#EFDCD9, #FFA579, #E58E00, #957500, #434000)
• Feathered Ember Grove color palette (#FFF1F1, #FFB1A4, #FC4918, #9E3D00, #5B2700)
• Patina Marigold color palette (#FFE0C4, #E39200, #A77500, #644C00, #241C00)
• Honey Garden color palette (#FFF3E3, #FBBB39, #00CAAC, #A37500, #00372E)
• Worn Amber Market color palette (#F4EBDA, #AE8C00, #716500, #3E3B00, #0E1000)
• Pale Celadon Boulevard color palette (#FFF4E1, #E1F780, #B8ECD1, #CF9746, #41360B)
• Dusty Lime color palette (#FFF4DD, #E7E288, #ACB318, #6A781C, #3C4B24)

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