Misty Amber color palette — #FFEBD2 · #DC8E20 · #658331 · #514D87 · #33302A

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

The five colors

• Cream (#FFEBD2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#DC8E20): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive Leaf (#658331): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#514D87): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#33302A): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged retro.

Use it as a design system

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

• Linen Mustard color palette (#FFEBD7, #B2A500, #008E60, #634876, #31312A)
• Tangerine Courtyard color palette (#FDECD0, #FE6F49, #8E7500, #2E5689, #352F2A)
• Hushed Denim Orchard color palette (#E6FCEA, #D9AF66, #768738, #005391, #292100)
• Hushed Amber color palette (#FFEFDF, #D57D00, #008476, #5C3D85, #3E1A46)
• Washed Atelier color palette (#FFEBD6, #C06E28, #406716, #3D3670, #34302A)
• Airy Amethyst color palette (#FFE7F2, #EEA68A, #97AB3C, #7D54B3, #1D381B)
• Dusty Aubergine Station color palette (#FFDDC2, #92A400, #00816B, #76138B, #0C3200)
• Dusty Orchard color palette (#FADBC3, #BBBC8D, #71A07C, #845A63, #57373B)

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