Tempered Iris color palette — #C6F2E7 · #A7C3FB · #9394D5 · #135E83 · #281027

Blue Fog and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#C6F2E7): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#A7C3FB): A luminous, balanced violet — the color of twilight just after sunset.
• Blue Fog (#9394D5): A luminous, balanced violet — the color of wild irises.
• Peacock (#135E83): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#281027): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged pastel, 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

• Weathered Lagoon color palette (#C7F5E1, #9BD1FF, #8AA6DF, #12677E, #001E17)
• Tempered Boulevard color palette (#FFE5F4, #CEBCFF, #B78ECC, #4C5C8C, #280C1C)
• Timeworn Petrol Coast color palette (#E4F2FF, #AEBEEA, #A492CC, #006B81, #20364F)
• Violet Bloom color palette (#E5EAFF, #B2A8FF, #976CC2, #294479, #200618)
• Aged Mallow color palette (#D1F8E7, #D0D8FF, #E498CF, #188571, #3C243D)
• Softworn Fuchsia Station color palette (#F5EEFF, #F5B7FF, #F273CD, #6448AC, #31133D)
• Tempered Stone Market color palette (#FFEBF7, #E0CDD2, #EDAAAA, #9A7B93, #392630)
• Softworn Orchid Courtyard color palette (#F0E0E5, #A865F1, #900081, #572A86, #080001)

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