Dusty Amber color palette — #F4ECE0 · #B88A00 · #4A6D00 · #694E00 · #020400

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

The five colors

• Cream (#F4ECE0): bright and airy, almost weightless.
• Mustard (#B88A00): A luminous, balanced gold — the color of old brass.
• Olive (#4A6D00): A full-bodied, balanced green — the color of fresh herbs.
• Bronze (#694E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#020400): A deep, shadowed, dusty green — the color of fresh herbs.

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

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 Pine Workshop color palette (#E5E2D0, #8E9B3D, #00743D, #505900, #000501)
• Pale Amber Drift color palette (#F8EBE2, #D2783A, #775D00, #813D00, #060300)
• Hushed Moss color palette (#ECEDD1, #839A1E, #467200, #114B01, #001A07)
• Tempered Field color palette (#F6F2DF, #A5B700, #008E59, #657100, #00170A)
• Chestnut Parlor color palette (#EDEAE3, #C8C4B6, #ABA687, #716000, #271E0A)
• Wandering Corridor color palette (#F6EBE1, #AE6000, #004C2D, #4C2700, #020400)
• Hushed Grove color palette (#E4E6D4, #45863B, #005149, #0C4503, #000200)
• Hushed Apricot Harbor color palette (#F2E1E7, #F48B00, #009A6D, #AC6100, #000405)

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