Weathered Amber color palette — #FFF2ED · #FFC6A1 · #D28000 · #795800 · #382F00

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Wheat (#FFC6A1): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Mustard (#D28000): A luminous, balanced gold — the color of old brass.
• Coffee (#795800): A full-bodied, balanced gold — the color of old brass.
• Espresso (#382F00): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

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

• Powdered Amber Archive color palette (#FFF3E8, #F8BA5D, #AC8A00, #635A00, #303600)
• Sunlit Amber Thicket color palette (#F8E7CF, #B68E00, #716700, #383D00, #060C00)
• Faded Pier color palette (#FFD3C1, #F17A03, #965C00, #6A4D00, #483C00)
• Faded Amber Pier color palette (#FCDEDE, #FFA280, #E08C00, #907800, #3C4000)
• Faded Tangerine color palette (#FFF1F2, #FFAEAB, #FE662B, #A44B00, #552F00)
• Misty Marigold color palette (#FFD4BA, #FB9E31, #A37200, #5D4A00, #1D1A00)
• Softworn Amber Ridge color palette (#FFF4E1, #CFF5CB, #B7D8EB, #DD894B, #403807)
• Olive Lantern color palette (#F4F0DB, #828700, #435500, #112900, #000200)

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