Dusty Amber color palette — #FFF4E2 · #B08400 · #506B00 · #004388 · #38352E

Mustard takes the lead with Navy close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#B08400): A luminous, balanced gold — the color of old brass.
• Olive (#506B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#004388): A deep, shadowed, balanced blue — the color of open sky before noon.
• Espresso (#38352E): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro.

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

• Softworn Amber Ridge color palette (#FFF4E2, #D56A00, #745E00, #004D61, #3A342F)
• Hazy Aubergine Parlor color palette (#FFF4E2, #869600, #007344, #442C94, #293C18)
• Sunlit Meadow color palette (#FFF4DF, #977A00, #006956, #003D82, #4E1741)
• Dusty Amber color palette (#FFEFE0, #CD7B00, #2C7A1E, #382677, #231B00)
• Patina Navy Balcony color palette (#EFDBBC, #8C7600, #295B00, #122976, #2C2300)
• Chalky Emerald color palette (#FFF1F6, #EE8D00, #2F9602, #594E94, #423400)
• Cypress Grove color palette (#F7F7E1, #7BB286, #007C5D, #734417, #3A3B34)
• Quiet Aubergine Workshop color palette (#FCEBD0, #606E00, #00492B, #270563, #0B1B00)

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