Misty Field color palette — #D7EDFF · #4B86D5 · #3247C6 · #3900A0 · #341C5B

Indigo takes the lead with Cobalt close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D7EDFF): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#4B86D5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cobalt (#3247C6): A full-bodied, vivid violet — the color of wild irises.
• Indigo (#3900A0): A deep, shadowed, vivid violet — the color of wild irises.
• Royal Purple (#341C5B): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Energy. Tagged vibrant.

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 Ultramarine color palette (#C4E7F5, #0091DF, #2534E3, #3C0C8A, #200228)
• Nightshade Studio color palette (#DDF1F8, #2196D6, #005CA5, #061EB2, #202062)
• Sunlit Summit color palette (#E1EFFF, #7692D7, #5B5FC3, #5136A0, #462E5B)
• Aubergine Bloom color palette (#D8E3F5, #5866D4, #5502B7, #3D0069, #2F003D)
• Soft Nightshade color palette (#DFDFFF, #9187DA, #5B3EAD, #2D0072, #1B004E)
• Faded Grape Studio color palette (#DEE3F6, #837ED6, #6D30AF, #5D0078, #47174A)
• Hazy Nightshade color palette (#D2DEF8, #6774D3, #806800, #3500CD, #332800)
• Washed Pier color palette (#DDE3F1, #605BC1, #9E3900, #005C3D, #1B193F)

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