Weathered Amber color palette — #FFF2ED · #FFC39C · #D68500 · #7F5900 · #3D3200

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Cantaloupe (#FFC39C): A whisper-light, balanced gold — the color of honey in a jar.
• Mustard (#D68500): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#7F5900): A full-bodied, balanced gold — the color of old brass.
• Espresso (#3D3200): 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 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

• Amber Boulevard color palette (#F4DFC1, #BB8E00, #736400, #3A3F00, #050D00)
• Feathered Mustard color palette (#FFF3E7, #EAB34A, #AE8C00, #655B00, #2C3100)
• Apricot Dune color palette (#F2E2D9, #F08701, #A16200, #6B4600, #383C03)
• Faded Amber Thicket color palette (#FFD8D8, #FFAA87, #DA8C00, #8F7A00, #384200)
• Quiet Ember color palette (#FFF1F2, #FFC1BA, #FC4714, #9B4A00, #4F2900)
• Weathered Dune color palette (#FFF4DE, #E7D680, #9FAB12, #5F8030, #10443D)
• Airy Amber color palette (#DFFFE5, #FDFAAC, #ACF1DB, #D5853C, #483E0F)
• Faded Terrace color palette (#F2EEDB, #8D8F00, #486100, #0B2A00, #000301)

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