Tempered Iris color palette — #FFF0F9 · #877FFF · #8D8100 · #5348B2 · #423C00

Lavender Blue and Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Lavender Blue (#877FFF): A luminous, vivid violet — the color of a velvet chair.
• Olive Leaf (#8D8100): A full-bodied, balanced green — the color of new leaves after rain.
• Indigo (#5348B2): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Olive (#423C00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

One click turns Tempered Iris 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 Wisteria color palette (#FFF1F6, #B486FF, #6F8B00, #5E2E9A, #334100)
• Hazy Lagoon color palette (#FFF0FE, #69A2FF, #B86800, #0046A9, #582F00)
• Patina Villa color palette (#F1D5E5, #8574FF, #5A7600, #382881, #222E00)
• Lapis Boulevard color palette (#ECF2FF, #8688FF, #009789, #4D37D2, #002722)
• Feathered Delta color palette (#FFF1F3, #CE7FC7, #5B9C58, #854F80, #2D4B2B)
• Pale Turquoise Pier color palette (#DBFFEE, #29B2E3, #A25C00, #006585, #572F00)
• Frosted Iris Atelier color palette (#E5EAFF, #7384FF, #4C6D00, #005D38, #262C55)
• Linen Thicket color palette (#FFF0F9, #A1A3FF, #00B4A3, #6A5CEB, #00453E)

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