Iris Field color palette — #FFF1F3 · #E5D6D4 · #9EB7AE · #8E88D9 · #533031

Lavender Blue and Cocoa set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Bone (#E5D6D4): a clean, paper-quiet neutral.
• Ash (#9EB7AE): A luminous, dusty teal — the color of shallow lagoons.
• Lavender Blue (#8E88D9): A luminous, balanced violet — the color of wild irises.
• Cocoa (#533031): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Creativity, Sophistication. Tagged pastel, light, muted.

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

• Dusty Periwinkle color palette (#FFF0F7, #ECD6DC, #CEB9A2, #659ADE, #442D4E)
• Antique Veranda color palette (#FFF0F9, #F2D2D0, #B4B29F, #C58DCA, #623A4F)
• Iris Ridge color palette (#FFF1F2, #E4D6D3, #FFC295, #8676B9, #3F211D)
• Patina Violet Quarry color palette (#FFF0FC, #F6D2CB, #FFA094, #8B62AB, #4E3F5F)
• Tempered Cocoa color palette (#FFF2EB, #F0FDC3, #DEDECC, #D6A89E, #6E4100)
• Sunflower Lantern color palette (#FFF2F0, #E1DDCF, #E7E337, #C2547A, #4F2107)
• Gentle Fuchsia color palette (#FFF1F3, #E76BEF, #00A992, #3A5FC2, #290F2B)
• Antique Mulberry color palette (#FFF2EF, #F3D6BD, #DDA249, #834994, #250700)

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