Misty Amber color palette — #FFF2ED · #FFC2E0 · #FF9694 · #D98200 · #481E0A

A conversation between Mustard and Melon, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Thistle (#FFC2E0): A whisper-light, dusty rose — the color of strawberry cream.
• Melon (#FF9694): A luminous, balanced orange — the color of sun-warmed clay.
• Mustard (#D98200): A luminous, balanced gold — the color of honey in a jar.
• Espresso (#481E0A): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged candy, vibrant, light, warm.

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

• Softworn Dune color palette (#FFF2EA, #FFB8C5, #FD9867, #BC9A35, #37312C)
• Feathered Study color palette (#FFF1F0, #F6BDFF, #FF9EC9, #DA7D62, #4D1922)
• Wandering Bronze color palette (#FFE9E3, #F29565, #BA6700, #7A4E00, #473400)
• Weathered Coral color palette (#FFF2ED, #D8B2FD, #F5787B, #847300, #4F210C)
• Feathered Tangerine color palette (#F9D8C4, #FF86A5, #FE6138, #A67100, #2A1000)
• Washed Amber color palette (#FFF0FC, #E7D8D6, #AEB19F, #D39334, #31172B)
• Timeworn Alley color palette (#FFDEDB, #D3B39D, #A28C64, #556E5A, #284C40)
• Dusty Azure color palette (#FCEBD9, #D49B5A, #399DE3, #9F6200, #00395C)

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