Washed Amber color palette — #FFF1F0 · #FFAB86 · #C67500 · #7A5800 · #362F00

Built around Mustard, softened by Melon — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Melon (#FFAB86): A luminous, balanced orange — the color of sun-warmed clay.
• Mustard (#C67500): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#7A5800): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#362F00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

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

• Gentle Amber Studio color palette (#FFEBE0, #EDA46E, #DD8700, #9B6400, #533900)
• Muted Ember color palette (#FFF1F6, #FFB2B6, #CD6252, #944912, #4B2C00)
• Feathered Amber color palette (#FFF2EA, #FABE69, #AB9200, #5A6100, #192F01)
• Washed Chestnut color palette (#FFF3E6, #D8C698, #A88159, #7F4731, #292100)
• Amber Grove color palette (#F7D7CD, #DE7600, #8C5E00, #3A3000, #0B0C00)
• Gentle Garden color palette (#FFF4E0, #F5D17F, #B08A03, #5D4400, #140D00)
• Bronze Workshop color palette (#FFE9DA, #A57400, #584B00, #2A2E00, #010500)
• Airy Bronze Orchard color palette (#FFF3E6, #F0B168, #76A8EC, #A46600, #0A274C)

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