Iris Field color palette — #EAF8FB · #50B8B0 · #8671BD · #6F5C00 · #00423D

Slate Blue and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EAF8FB): a clean, paper-quiet neutral.
• Turquoise (#50B8B0): A luminous, balanced teal — the color of sea glass.
• Slate Blue (#8671BD): A luminous, balanced violet — the color of twilight just after sunset.
• Olive (#6F5C00): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#00423D): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Fern Orchard color palette (#EAF8FF, #65B1C8, #A565A4, #486A02, #003F4E)
• Jade Pier color palette (#EAF9F5, #8DB26A, #8473B9, #695F00, #274006)
• Worn Veranda color palette (#E8FAF4, #508EC2, #8D4383, #6B3A00, #1F4125)
• Hushed Lagoon color palette (#EAFAF2, #A6CDCA, #599E93, #567592, #234A47)
• Dusty Garden color palette (#EAF8FF, #59B3C7, #B76752, #3B6C24, #224114)
• Aqua Courtyard color palette (#ECF9F1, #00CFF9, #C36F5F, #6E5A02, #352A00)
• Hushed Chapel color palette (#CAEFFF, #009EB2, #9E1BBB, #3F4F00, #002A30)
• Hushed Lagoon color palette (#E1FBFF, #A9C5DF, #9D9EC0, #53867B, #395650)

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