Misty Amber color palette — #FFDED5 · #BA8D46 · #5A7E3F · #483C72 · #2E2447

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

The five colors

• Shell Pink (#FFDED5): A whisper-light, dusty orange — the color of toasted spice.
• Mustard (#BA8D46): A luminous, balanced gold — the color of old brass.
• Olive (#5A7E3F): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#483C72): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#2E2447): A deep, shadowed, dusty violet — the color of wild irises.

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

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

• Patina Villa color palette (#F9EADA, #919D64, #008369, #63375B, #3F1223)
• Timeworn Chapel color palette (#E9DBD1, #9B8231, #376839, #4E2660, #290E2C)
• Tempered Driftwood Courtyard color palette (#F9E9EE, #D09968, #768D49, #72588F, #2C1C3C)
• Antique Villa color palette (#F3D6E7, #CC7B6D, #8D6000, #0B4E7B, #351C37)
• Muted Loft color palette (#F0DFC0, #91803D, #575F32, #004138, #0F273E)
• Pine Chapel color palette (#EBE3D5, #889C50, #007529, #692D4B, #171E00)
• Tempered Workshop color palette (#F3EEDB, #9D9D25, #6131EB, #575600, #180F43)
• Washed Lapis color palette (#F7EDD4, #867500, #4542FB, #872A82, #161200)

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