Tempered Iris Garden color palette — #FFF0F9 · #8F94ED · #B97A37 · #486B2D · #25091D

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

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Lavender Blue (#8F94ED): A luminous, balanced violet — the color of wild irises.
• Caramel (#B97A37): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#486B2D): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#25091D): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

One click turns Tempered Iris Garden 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

• Lilac Villa color palette (#FFF1F5, #B886D7, #928E28, #00724B, #260A15)
• Weathered Periwinkle Parlor color palette (#E4FBF5, #3DA3FA, #BB7659, #745D00, #001A15)
• Washed Lilac Corridor color palette (#FFF1F6, #BEA3E9, #B09D60, #4B8152, #331C26)
• Iris Basin color palette (#FFF0F8, #9081DE, #9B6B10, #005629, #000B06)
• Washed Wisteria Meadow color palette (#FFF1F4, #D184DC, #B05E0A, #005A29, #001D34)
• Washed Mallow Field color palette (#FFF4E2, #D59EED, #AB6581, #435A00, #38141B)
• Fuchsia Courtyard color palette (#FEF0FF, #E167ED, #707500, #006352, #1A001E)
• Cobalt Harbor color palette (#DDEAFF, #556FC4, #935200, #005138, #050F24)

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