Weathered Amber color palette — #FBF4ED · #DEE1CC · #9DBECB · #D07A10 · #39342F

Mustard and Ash set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Bone (#DEE1CC): A whisper-light, dusty green — the color of fresh herbs.
• Ash (#9DBECB): A luminous, dusty blue — the color of open sky before noon.
• Mustard (#D07A10): A luminous, balanced gold — the color of old brass.
• Espresso (#39342F): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Worn Moss Thicket color palette (#F8F5EB, #D4E4D2, #A7BBD2, #979832, #37352E)
• Coral Orchard color palette (#FDF3EE, #E0DCCE, #97B7BB, #D27264, #5A2100)
• Tempered Parlor color palette (#FBF4EC, #DBE0CF, #B7CBB0, #9E6A17, #271C0F)
• Washed Balcony color palette (#FBF2F5, #D0E1DD, #A5C5B5, #965A04, #4F3840)
• Abyss Lagoon color palette (#E6E9DF, #B5BEB1, #7E9A85, #00491D, #010100)
• Worn Station color palette (#FAF5E1, #B7E8B1, #00AB82, #99525D, #2E2F28)
• Ancient Thicket color palette (#FFF4DF, #AF8E00, #2D4400, #1E1300, #030100)
• Nightshade Archive color palette (#FFF3E4, #FFA85E, #829205, #4F45A6, #362400)

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