Tempered Iris color palette — #FFF4E2 · #A4D0FF · #9187CA · #87562C · #3F293C

Built around Lavender Blue, softened by Coffee — the whole palette hums with trust and stability.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sky (#A4D0FF): A whisper-light, balanced blue — the color of deep harbor water.
• Lavender Blue (#9187CA): A luminous, balanced violet — the color of twilight just after sunset.
• Coffee (#87562C): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#3F293C): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged retro, muted.

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

• Softworn Balcony color palette (#FFF4E2, #77DCF8, #6A93D0, #8F4E47, #1B382D)
• Hushed Ash color palette (#FFF4E2, #D2BFFF, #BA79A7, #69671B, #462731)
• Timeworn Peony color palette (#FCF1FC, #91BDFB, #B96E96, #7A5400, #003426)
• Ancient Indigo Garden color palette (#E7FBEB, #649CD5, #6A5CA7, #6D421A, #2F3E54)
• Sunlit Delta color palette (#F9F6DD, #75DAE2, #959DE9, #748D31, #234538)
• Softworn Powder color palette (#F9F4EE, #C2E2F6, #95BDF5, #3A8EA3, #503549)
• Pale Cabin color palette (#FFF4DE, #8CA4FF, #9D38CE, #5C4100, #190843)
• Iris Harbor color palette (#FFF0FB, #7C96FA, #593C4A, #261A23, #080409)

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