Tempered Iris color palette — #D2FAE9 · #B4DBFF · #98BAF9 · #7B8ED2 · #644256

Lavender Blue and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D2FAE9): A whisper-light, dusty teal — the color of shallow lagoons.
• Powder Blue (#B4DBFF): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#98BAF9): A luminous, balanced violet — the color of a velvet chair.
• Lavender Blue (#7B8ED2): A luminous, balanced violet — the color of a velvet chair.
• Charcoal Brown (#644256): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Creativity, Calm, Softness, Clarity. Tagged light, muted, cool.

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

• Wandering Powder Coast color palette (#E9F8FF, #D3D9EC, #86B5FF, #7678AF, #4A4963)
• Byzantium Villa color palette (#D7E1EF, #ABBDFF, #9089FF, #8E49EE, #542D75)
• Periwinkle Grove color palette (#FCF2F9, #C3D4FF, #DDC57D, #86A4F8, #594C24)
• Lilac Courtyard color palette (#FFF0F9, #DACCFB, #C29FE3, #AB73B0, #6E4549)
• Turquoise Study color palette (#E8FCE4, #99E2E5, #6CCBDF, #3DA4C5, #32594B)
• Soft Loft color palette (#DFE1FB, #BAA7F6, #B67FEB, #A254B7, #53264C)
• Stone Boulevard color palette (#FFF0FA, #BAC4F4, #F4A794, #7EC095, #513A4B)
• Ancient Celadon Studio color palette (#AAFBC2, #FFD1B9, #DEC8FF, #7A5E69, #382F32)

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