Misty Field color palette — #F0F5FF · #91AFFF · #4BC16B · #1DA34C · #1E294A

Kelly Green and Clover set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Sky (#91AFFF): A luminous, balanced violet — the color of twilight just after sunset.
• Clover (#4BC16B): A luminous, vivid green — the color of new leaves after rain.
• Kelly Green (#1DA34C): A luminous, vivid green — the color of fresh herbs.
• Midnight (#1E294A): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Softworn Moss Drift color palette (#F4F4FF, #DDB2FF, #56A948, #008E71, #352144)
• Iris Corridor color palette (#CEDFFF, #7C93FF, #00AA80, #008966, #0C1935)
• Patina Mustard color palette (#F1F5FF, #9FABFF, #BBA700, #9A8A00, #1E2A47)
• Weathered Mallow Bloom color palette (#F9F2FF, #F498C3, #7CBF8B, #64A071, #392D42)
• Aged Pine Garden color palette (#F3F4FF, #BFA4FF, #A27C00, #007C38, #1F1335)
• Blush Coast color palette (#D5FFFB, #C2B4FF, #E7738C, #008C8D, #47264E)
• Soft Lantern color palette (#EFF6FF, #87B9FF, #DC7C34, #008495, #00315B)
• Wandering Lantern color palette (#F5F4FF, #E6D5DE, #B6AB9F, #BD91CE, #3F3D51)

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