Misty Field color palette — #F1F0FF · #A866C4 · #7E7815 · #1C6043 · #19172A

Amethyst and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F1F0FF): A whisper-light, dusty violet — the color of a velvet chair.
• Amethyst (#A866C4): A luminous, balanced pink — the color of neon signs at night.
• Olive Leaf (#7E7815): A full-bodied, balanced green — the color of fresh herbs.
• Pine (#1C6043): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#19172A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

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

• Timeworn Iris color palette (#EDF2FF, #7B77DC, #956C2F, #455A27, #141929)
• Misty Peony color palette (#F6EEFF, #CA5599, #58833F, #005F5E, #1E1626)
• Orchid Summit color palette (#FFF1F3, #A367AC, #6B7838, #4D5A00, #462930)
• Blush Orchard color palette (#E5F8E8, #DD73A9, #99554B, #185338, #2B1C2F)
• Softworn Wisteria Study color palette (#F3F4FF, #C49BFF, #6BB07A, #4D8058, #222333)
• Sunlit Quarry color palette (#E9DBE5, #C928AC, #315800, #00463E, #1A0014)
• Wisteria Balcony color palette (#FFF1F4, #BC87CD, #C37A60, #2A779E, #462931)
• Weathered Rust Boulevard color palette (#FDDFF5, #C5412B, #007566, #00486F, #1B0817)

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