Misty Field color palette — #FFF1F4 · #C2A2D0 · #8FA16A · #9255A9 · #465329

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

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Mauve (#C2A2D0): A luminous, dusty pink — the color of neon signs at night.
• Moss (#8FA16A): A luminous, dusty green — the color of a quiet forest floor.
• Amethyst (#9255A9): A full-bodied, balanced pink — the color of peonies in June.
• Deep Olive (#465329): A full-bodied, dusty green — the color of a quiet forest floor.

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

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

• Worn Indigo Hollow color palette (#FEF1F9, #A6ABDD, #A49A5C, #6568B8, #504D46)
• Patina Alley color palette (#FFF2F0, #D59EAF, #5AA99E, #A85272, #3F5439)
• Aqua Courtyard color palette (#FFF1F5, #D6B5ED, #5CC2D6, #9E7DB4, #3B5443)
• Turquoise Balcony color palette (#F0F1FE, #BFA7DC, #30AEBF, #7E649B, #183541)
• Aged Moss Lagoon color palette (#FFF1F4, #A98BB5, #769557, #28826F, #533A41)
• Muted Ash color palette (#FFF1F5, #E4D9D3, #A9B39E, #898EC2, #5F4546)
• Airy Mulberry Garden color palette (#FFF1F2, #DC7EBF, #2C9719, #88006D, #0D4803)
• Hushed Oat color palette (#F4F4FF, #E5C6FF, #AAD59B, #B79BCF, #31554F)

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