Wandering Amber color palette — #FFF2EB · #F0BA94 · #CB8941 · #937339 · #56534C

A conversation between Mustard and Walnut, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Sand (#F0BA94): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Mustard (#CB8941): A luminous, balanced gold — the color of honey in a jar.
• Walnut (#937339): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Charcoal Brown (#56534C): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged muted.

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

• Hushed Bronze Orchard color palette (#FDF4E9, #D8C8AF, #B6956C, #9D6636, #594500)
• Muted Coral color palette (#FFF1F0, #FEB3BF, #D9797B, #A36153, #544D48)
• Hushed Moss Courtyard color palette (#FFF4DF, #D5CC8B, #94A23E, #658249, #4D4E47)
• Marigold Summit color palette (#FCEBD7, #C19B00, #897800, #4D5600, #1F3300)
• Hushed Bronze color palette (#F8E5DB, #9B6000, #5E3F00, #302500, #080700)
• Dusty Delta color palette (#FFF3E2, #CFAB69, #00BBC5, #AB81B1, #46423B)
• Softworn Emerald color palette (#E4E8D9, #509100, #046917, #004228, #001812)
• Misty Clover color palette (#E2EDD4, #37C10E, #008D52, #006449, #004039)

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