Tempered Iris color palette — #FFF0F8 · #E5D6D5 · #BBADA3 · #8E87CF · #3E3038

Lavender Blue and Espresso set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Silver (#E5D6D5): bright and airy, almost weightless.
• Rosewood Mist (#BBADA3): A luminous, dusty gold — the color of honey in a jar.
• Lavender Blue (#8E87CF): A luminous, balanced violet — the color of a velvet chair.
• Espresso (#3E3038): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

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

• Ancient Market color palette (#EEF8F4, #E8D2D0, #B5A292, #3E9BD4, #253A33)
• Antique Indigo color palette (#FCF2F6, #E5D7D5, #DABBB2, #7E67AD, #291920)
• Dusty Pier color palette (#FFF1F5, #DED2D7, #BCAC9D, #DF7FDB, #2D143D)
• Lapis Basin color palette (#FAF3F7, #E4D6D3, #D6B2AF, #5458CF, #4C3946)
• Patina Ridge color palette (#FFF1F0, #E1D8D0, #AABA9C, #BA5784, #371C1A)
• Garnet Cabin color palette (#F1E1DD, #D1B3A7, #A78B7C, #661F29, #040000)
• Bronze Studio color palette (#FBF1FF, #FFC7F7, #C28CA6, #9C6636, #603B00)
• Mulberry Market color palette (#F9EAEA, #E4C8C6, #BF9D96, #7B2861, #0A0001)

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