Dusty Amber color palette — #F9F5EB · #BC9A3D · #4695A9 · #417886 · #3F2E30

A conversation between Mustard and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F9F5EB): bright and airy, almost weightless.
• Mustard (#BC9A3D): A luminous, balanced gold — the color of afternoon light on wheat.
• Cerulean (#4695A9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#417886): A full-bodied, dusty blue — the color of deep harbor water.
• Espresso (#3F2E30): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, muted.

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

• Muted Coral Lagoon color palette (#FFF2EC, #DC896D, #4A9880, #3A705F, #413139)
• Hushed Garden color palette (#FBF4EB, #E1A44A, #6292B6, #6C618D, #573746)
• Hushed Mustard color palette (#F9F5E9, #B5A52D, #9D76B7, #705A80, #433130)
• Hushed Teal Orchard color palette (#EEF8F0, #D2BF8B, #38AA9C, #68609C, #311F29)
• Antique Marigold Lantern color palette (#FFF3E7, #E9B179, #769F71, #876275, #4B4740)
• Hushed Sand color palette (#FFF2EE, #FDC689, #A0A76E, #4E7F55, #005349)
• Timeworn Petrol Terrace color palette (#F9F2FC, #A46C82, #33769A, #3E4775, #363242)
• Iris Villa color palette (#FFF2EF, #E8A7B2, #7BA7D0, #8481C1, #452C2E)

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