Weathered Amber color palette — #FFF0F9 · #E4AB81 · #B37D2B · #726021 · #305244

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

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Sand (#E4AB81): A luminous, balanced gold — the color of old brass.
• Mustard (#B37D2B): A luminous, balanced gold — the color of old brass.
• Olive (#726021): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#305244): A full-bodied, dusty teal — the color of sea glass.

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

• Weathered Harbor color palette (#FFEDF2, #CCB170, #82861D, #576B32, #345754)
• Marigold Orchard color palette (#FFEBD9, #E3A664, #A67C3A, #6C5424, #34312B)
• Hushed Grove color palette (#EFF8EF, #CBAA77, #8495D4, #8F6B2C, #414D65)
• Wandering Ember Studio color palette (#F9F2FF, #E09DA7, #CD6A5C, #8E5434, #634651)
• Tempered Chapel color palette (#EFF8EF, #A0C1AF, #957C52, #745262, #3B4C47)
• Marigold Basin color palette (#FDE9DA, #D99500, #807100, #525700, #284900)
• Cobalt Loft color palette (#EBFAEC, #B99043, #5A8CCB, #756DA5, #39473B)
• Gentle Olive color palette (#F3E9CC, #7C7B00, #2F5300, #003B14, #00291E)

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