Weathered Iris Field color palette — #F0F5FF · #A8C7FF · #7391D5 · #3F5F91 · #192B4F

A conversation between Lavender Blue and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Sky (#A8C7FF): A whisper-light, balanced violet — the color of twilight just after sunset.
• Lavender Blue (#7391D5): A luminous, balanced violet — the color of a velvet chair.
• Peacock (#3F5F91): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#192B4F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged monochrome, muted, cool.

Use it as a design system

One click turns Weathered Iris 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

• Lilac Canyon color palette (#F3F4FF, #DECDFF, #AB97D1, #6C6490, #333553)
• Washed Cobalt Terrace color palette (#EFF6FF, #98BCF5, #4A70AE, #244073, #172752)
• Hazy Denim Coast color palette (#FFF0FD, #DDDAEF, #7B9CE2, #3751A5, #05173D)
• Patina Turquoise color palette (#EAF8FF, #63DDF7, #08A6C0, #006777, #003746)
• Indigo Workshop color palette (#F2F4FF, #C8B8FF, #C87850, #8571C0, #2F1E28)
• Powder Drift color palette (#DCF0EC, #FFB988, #77C7FF, #384855, #1F2931)
• Tempered Shell color palette (#EEF6FF, #E2D6E6, #EEB4C6, #649EA8, #434B5C)
• Amethyst Cabin color palette (#E6E6FF, #9EA3FF, #8349FF, #4729A5, #1C0054)

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