Iris Field color palette — #FFE6F5 · #8D8DFF · #687200 · #4C4A9C · #343900
Lavender Blue takes the lead with Indigo close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#FFE6F5): A whisper-light, dusty pink — the color of a candy shop window.
- Lavender Blue (#8D8DFF): A luminous, vivid violet — the color of a velvet chair.
- Olive (#687200): A full-bodied, balanced green — the color of fresh herbs.
- Indigo (#4C4A9C): A full-bodied, balanced violet — the color of wild irises.
- Forest (#343900): A deep, shadowed, 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 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
- Wisteria Delta color palette (#FFE7ED, #C576E8, #667200, #6E4082, #333A00)
- Sunlit Cornflower Veranda color palette (#FEE5FF, #4A8FE3, #9F6E00, #1F5797, #493000)
- Wandering Wisteria color palette (#FFF1F5, #B886DF, #6E9941, #765491, #374925)
- Magenta Terrace color palette (#FFE8EB, #C064C2, #008E69, #773C78, #05402E)
- Timeworn Hollow color palette (#FFD7ED, #8677F0, #4C6500, #005831, #3E2032)
- Pale Indigo color palette (#FFE7F3, #A399F6, #11ABA3, #6F5FC4, #003F3B)
- Hushed Coast color palette (#E4E8FB, #9482D5, #C15645, #5A4199, #3C0200)
- Hushed Amethyst Loft color palette (#FFE3F0, #793EE3, #496400, #440090, #141F00)
Browse the whole catalog at Explore, or see today's palette.