Weathered Amber color palette — #EBF9EF · #B89325 · #547D4B · #205E5C · #56374A

Mustard and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EBF9EF): bright and airy, almost weightless.
• Mustard (#B89325): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#547D4B): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#205E5C): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#56374A): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

One click turns Weathered 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 Moss Field color palette (#ECF8F4, #91A14D, #3F7E6B, #724641, #324935)
• Ancient Amber color palette (#FDF1F8, #D47E58, #816F2B, #3A5E3B, #4D3957)
• Muted Denim Corridor color palette (#EBF5EC, #B39869, #3F7F71, #3E4876, #331E37)
• Antique Moss Chapel color palette (#DBFFEE, #B0BC70, #7B8E45, #57693F, #30544E)
• Marigold Station color palette (#FBF4EB, #CFAB6B, #589C86, #516993, #5E3634)
• Antique Bronze Delta color palette (#E8F6ED, #927C00, #2A4238, #222B25, #101615)
• Timeworn Boulevard color palette (#E9FBEE, #CEDBC6, #E2C77D, #99A16A, #395344)
• Airy Olive color palette (#DEFDF4, #668C00, #006A55, #004858, #462900)

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