Misty Drift color palette — #FBF2FA · #FE9B99 · #BD7808 · #57631A · #3C1E3B

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

The five colors

• Ivory (#FBF2FA): bright and airy, almost weightless.
• Rose Quartz (#FE9B99): A luminous, balanced orange — the color of autumn markets.
• Mustard (#BD7808): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#57631A): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#3C1E3B): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Optimism, Balance. Tagged 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

• Hazy Ember Harbor color palette (#F8F2FD, #F599C8, #CE6846, #715900, #312343)
• Pale Studio color palette (#FFF0F8, #F2A683, #A58600, #3B6930, #00332F)
• Taupe Canyon color palette (#FBF2F6, #FCBC92, #A69D40, #497756, #44304A)
• Gentle Tangerine Terrace color palette (#FFF0F9, #F8660C, #836700, #214B00, #27001B)
• Wandering Courtyard color palette (#FFF0FE, #FFD3CD, #F9826A, #A3573D, #5E3825)
• Hushed Moss Workshop color palette (#E8FCE9, #E49F00, #589000, #005E57, #3E1000)
• Peony Hollow color palette (#FFEDEB, #C07094, #835C1D, #004E2D, #002135)
• Olive Dune color palette (#E6FCEA, #B98900, #417300, #00423B, #200200)

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