Iris Field color palette — #F0F5FF · #B5C1FF · #DAC322 · #727FF3 · #433B00

Periwinkle takes the lead with Saffron close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Lavender (#B5C1FF): A whisper-light, balanced violet — the color of wild irises.
• Saffron (#DAC322): A luminous, vivid green — the color of a quiet forest floor.
• Periwinkle (#727FF3): A luminous, vivid violet — the color of wild irises.
• Deep Olive (#433B00): A deep, shadowed, dusty green — the color of fresh herbs.

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

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

• Violet Lantern color palette (#EAEEFF, #C0B2FF, #9DCE5C, #8C6BEA, #2A3C0F)
• Pale Indigo Orchard color palette (#FFF0FA, #9BA5FF, #B8A418, #5B58E4, #443B00)
• Chalky Lantern color palette (#EAF8FF, #44D9FC, #D3B600, #00A8C8, #453A00)
• Misty Alley color palette (#F4F4FF, #DDBBFF, #66D89D, #B18BD7, #154B4C)
• Worn Orchid color palette (#F4F4FF, #DEAEFF, #27E2A2, #B855F2, #00462F)
• Faded Jade color palette (#DAEEFF, #53C0FF, #B9AF00, #00B973, #05344D)
• Soft Boulevard color palette (#D6E4DB, #99DF00, #BFB0FF, #564C7E, #1D202B)
• Timeworn Sky color palette (#EFF6FF, #ECD6E3, #F1BEA6, #54BEE8, #3D4766)

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