Misty Field color palette — #FFF1F6 · #DCC9FF · #F3A48A · #9776CB · #532D20

Built around Lavender Blue, softened by Melon — the whole palette hums with creativity and balance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Lilac Frost (#DCC9FF): A whisper-light, dusty violet — the color of wild irises.
• Melon (#F3A48A): A luminous, balanced orange — the color of toasted spice.
• Lavender Blue (#9776CB): A luminous, balanced violet — the color of twilight just after sunset.
• Espresso (#532D20): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Creativity, Balance. Tagged light.

Use it as a design system

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

• Tempered Study color palette (#FFF1F2, #FFD2D8, #ECC491, #C281B0, #4A453F)
• Mallow Pier color palette (#FFF1F5, #D2A4F8, #EA8A93, #5199CE, #3E202B)
• Pale Lilac color palette (#FFF1F7, #D0C0FF, #AACB83, #AA84FC, #364A1C)
• Peony Drift color palette (#FFF1F2, #FABDF1, #75C6F0, #B66BAD, #0A3E54)
• Timeworn Pewter Boulevard color palette (#FFF1F0, #ECDABC, #9A637B, #502D2B, #190B0A)
• Chalky Pier color palette (#FFF0FA, #C8D1FF, #53D3BD, #7381DB, #004339)
• Lilac Grove color palette (#FFF1F4, #EFD5E3, #BC91D1, #744B85, #2E163B)
• Plum Courtyard color palette (#FFF2EE, #FFA0A9, #959FEC, #C44159, #1F224D)

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