Misty Drift color palette — #FFF2EB · #FFCFDA · #FFB4A1 · #DD9F00 · #4D1B00

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Shell Pink (#FFCFDA): A whisper-light, dusty red — the color of late-summer berries.
• Melon (#FFB4A1): A whisper-light, balanced orange — the color of sun-warmed clay.
• Gold (#DD9F00): A luminous, balanced gold — the color of afternoon light on wheat.
• Espresso (#4D1B00): A deep, shadowed, balanced orange — the color of toasted spice.

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

Use it as a design system

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

• Quiet Lime Boulevard color palette (#FFF0DC, #FFC6A9, #F9B82E, #A2B900, #302400)
• Quiet Apricot Market color palette (#FFF2EF, #FFC6F7, #FFB0C5, #FF8949, #520018)
• Sunlit Apricot color palette (#F6D8CB, #FB8A17, #C17D00, #876100, #413600)
• Softworn Honey color palette (#FFF2EA, #E7D8D1, #E6C368, #AAC1A6, #633700)
• Emerald Study color palette (#F0E4C8, #FDB047, #C6AD00, #11B02B, #171900)
• Tempered Ember Boulevard color palette (#ECDBD0, #ED5D03, #794F19, #592104, #120301)
• Airy Blush color palette (#FFF2EC, #EEABFF, #FF7D88, #8A9000, #472200)
• Timeworn Petrol color palette (#F8DDD8, #E5AD7C, #B09F59, #008291, #00456C)

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