Dusty Amber color palette — #FAF0E7 · #C17A43 · #6C6800 · #004E2C · #370D18

A conversation between Caramel and Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#FAF0E7): bright and airy, almost weightless.
• Caramel (#C17A43): A luminous, balanced gold — the color of old brass.
• Olive (#6C6800): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#004E2C): A deep, shadowed, balanced teal — the color of sea glass.
• Onyx (#370D18): A deep, shadowed, dusty red — the color of late-summer berries.

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

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

• Coral Cabin color palette (#FEEEE8, #CA6E72, #8C5700, #3A4700, #2F112A)
• Ancient Boulevard color palette (#FCEFE6, #C17854, #786300, #144E10, #0C2509)
• Olive Boulevard color palette (#F8F1E5, #B09964, #557F48, #005855, #39200F)
• Fern Bloom color palette (#F2DDBE, #916A00, #2E5900, #00342F, #200400)
• Weathered Bronze Workshop color palette (#FFEFDF, #C6AE8E, #9A7E38, #4E6321, #293A23)
• Tangerine Alley color palette (#FFF0F9, #F18250, #967D38, #466931, #502941)
• Weathered Bloom color palette (#F7F2DF, #858A00, #006D47, #00414A, #271200)
• Bronze Canyon color palette (#F1DFD1, #DD995D, #A36400, #6B4900, #3D2A09)

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