Dusty Amber color palette — #FAF4F0 · #DDDAD1 · #9DB6B4 · #C2724A · #332D29

Caramel takes the lead with Ash close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Bone (#DDDAD1): a clean, paper-quiet neutral.
• Ash (#9DB6B4): A luminous, dusty teal — the color of sea glass.
• Caramel (#C2724A): A luminous, balanced orange — the color of autumn markets.
• Espresso (#332D29): quiet, heavy and certain.

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

Use it as a design system

One click turns Dusty 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

• Bronze Hollow color palette (#F9F5EC, #DADED0, #A0B7D0, #9A7A00, #312202)
• Coral Thicket color palette (#FCF3EF, #DCDACC, #C2C8A9, #D38A74, #5E2900)
• Patina Chestnut color palette (#F8EFF5, #E4D1CE, #A9BDB0, #84584A, #261E23)
• Softworn Basalt Grove color palette (#F0EEE8, #BDBBAB, #93947B, #3D3F00, #020100)
• Antique Corridor color palette (#FBF5E6, #DDD0A5, #859155, #825938, #302708)
• Gentle Bronze color palette (#FFF4E0, #E2AA69, #997A00, #006041, #2F1E00)
• Aged Marigold color palette (#FFF3E6, #E2DBD0, #BBD59E, #CFA100, #2E1B00)
• Hushed Petrol color palette (#FAF8CD, #D1D5BA, #909C7E, #1E7391, #204460)

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