Iris Field color palette — #FFF0F8 · #D2CEFF · #F99F98 · #877CCE · #542A28
Lavender Blue and Melon set the tone — five colors that lean into creativity and balance.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Lilac Frost (#D2CEFF): A whisper-light, dusty violet — the color of a velvet chair.
- Melon (#F99F98): A luminous, balanced orange — the color of autumn markets.
- Lavender Blue (#877CCE): A luminous, balanced violet — the color of wild irises.
- Espresso (#542A28): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Creativity, Balance. Tagged light.
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
- Sunlit Archive color palette (#FFF1F4, #F1C1F9, #EBAB7B, #AC6FB6, #542D0B)
- Patina Cobalt color palette (#FEF0FF, #B5D8FF, #ECA0C3, #558DCB, #512A3D)
- Wandering Ash color palette (#FFF1F6, #E8D8E0, #C3B0AB, #A3A4CF, #523942)
- Airy Iris Archive color palette (#FFF0F9, #C4C6FF, #CCC15F, #928EFF, #494415)
- Wandering Cerulean color palette (#FFF0F9, #B3B1FF, #D792B1, #19A2C1, #3A2231)
- Ash Corridor color palette (#FFF1F4, #FBD1E7, #88DAEF, #AE8ABF, #2C4F3B)
- Quiet Peony color palette (#FFF1F3, #F8BEF2, #66C8F6, #B66AB0, #003E56)
- Pewter Workshop color palette (#FFF1F2, #EED8BE, #936589, #4C2B45, #190B0C)
Browse the whole catalog at Explore, or see today's palette.