Wandering Amber color palette — #FFF2EF · #FFAF8C · #D27300 · #7A4E00 · #3D2D00

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Melon (#FFAF8C): A whisper-light, balanced orange — the color of autumn markets.
• Mustard (#D27300): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#7A4E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#3D2D00): 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 Wandering 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

• Bronze Hollow color palette (#FFF3E7, #F3BF70, #A28300, #615800, #2A2F00)
• Pale Amber color palette (#FDE9EA, #FF9B80, #E27800, #947100, #3E3900)
• Amber Courtyard color palette (#FADBCC, #D67500, #855400, #433100, #171200)
• Quiet Ember color palette (#FFF1F4, #FFADB4, #DF5E56, #983200, #4F2400)
• Feathered Marigold Drift color palette (#FFF0F7, #FDCE9A, #C89C3C, #836B00, #494619)
• Worn Chapel color palette (#F4E9DF, #B37C00, #624E00, #2F2B00, #010100)
• Terracotta Market color palette (#FFF1F6, #AFD2B2, #B47C45, #8B3E12, #052916)
• Worn Studio color palette (#FFF1F5, #F2AF69, #4BAFF5, #A76400, #002B45)

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