Iris Field color palette — #ECF2FF · #727CD8 · #B14F72 · #7B3E32 · #131A28
Periwinkle and Magenta Rose set the tone — five colors that lean into creativity and balance.
The five colors
- Ivory (#ECF2FF): a clean, paper-quiet neutral.
- Periwinkle (#727CD8): A luminous, balanced violet — the color of a velvet chair.
- Magenta Rose (#B14F72): A full-bodied, balanced rose — the color of pressed rose petals.
- Bronze (#7B3E32): A full-bodied, balanced orange — the color of toasted spice.
- Midnight (#131A28): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: 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
- Misty Cobalt color palette (#E7F3FF, #2C8DD2, #9B56A1, #803351, #0E1B27)
- Misty Mulberry Harbor color palette (#F1F0FF, #A776C0, #A3385F, #6A2C00, #002613)
- Weathered Byzantium Harbor color palette (#FDECFA, #9C91D4, #8650A2, #6F2F2D, #1F2134)
- Airy Bronze Basin color palette (#F4EFFF, #AF6BA1, #AE5C09, #674E00, #1D1629)
- Dusty Terracotta color palette (#F2EFFF, #A660AB, #9B3800, #4E3900, #001511)
- Worn Grove color palette (#E4FCF1, #008DBB, #9A631A, #704A1A, #21392F)
- Patina Plum color palette (#F2E3F7, #B74970, #815E00, #3E4A00, #18081E)
- Indigo Studio color palette (#EEF1FF, #A8A5E9, #8064C0, #5C3480, #330841)
Browse the whole catalog at Explore, or see today's palette.