Iris Field color palette — #F3F4FF · #8971BC · #A75454 · #475C00 · #2D304B

A conversation between Slate Blue and Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Slate Blue (#8971BC): A luminous, balanced violet — the color of a velvet chair.
• Brick (#A75454): A full-bodied, balanced orange — the color of autumn markets.
• Olive (#475C00): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#2D304B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Ancient Terracotta color palette (#F1F5FF, #8082BA, #9B4345, #005638, #323162)
• Aged Bronze color palette (#F5F3FF, #9C6EA0, #8B6C25, #006248, #342E49)
• Cobalt Pier color palette (#F0F5FF, #637DC6, #885E95, #7C4100, #273347)
• Muted Boulevard color palette (#FFEDEF, #AF69A9, #B05A17, #694D00, #271316)
• Plum Lantern color palette (#F5EAF7, #AC4C64, #5D6900, #004F52, #301F34)
• Patina Iris color palette (#F1F5FF, #8D97E4, #C4738C, #0D7E81, #2B3345)
• Timeworn Cobalt Thicket color palette (#F3F5FB, #DED8DF, #CABAC4, #7569A7, #454751)
• Worn Thicket color palette (#F0F6FF, #96AEE1, #9F5271, #3158B7, #29202F)

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