Tempered Iris color palette — #AFEEF2 · #8AC1E1 · #7E7DCA · #005736 · #002E3D

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

The five colors

• Sea Foam (#AFEEF2): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#8AC1E1): A luminous, dusty blue — the color of deep harbor water.
• Lavender Blue (#7E7DCA): A luminous, balanced violet — the color of a velvet chair.
• Deep Olive (#005736): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#002E3D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Tempered Lilac Terrace color palette (#D3E0EB, #9DB1E6, #A67CC1, #005C5B, #072743)
• Softworn Thicket color palette (#D3E3DB, #73CCD0, #2C8FD6, #305C10, #002927)
• Pale Balcony color palette (#E0F4FC, #77A0DF, #8561C6, #004640, #001B29)
• Washed Hollow color palette (#CEECD7, #71B6CE, #3590C7, #005959, #001117)
• Azure Coast color palette (#DBF4FF, #89CDE7, #4CA4E2, #00787A, #00242C)
• Lilac Coast color palette (#EAF7FF, #B7C8FF, #B88BDF, #00737B, #13365D)
• Tempered Pewter Orchard color palette (#DFEEFF, #928BC0, #95567F, #003E4F, #07082C)
• Pale Garnet Ridge color palette (#D4E2ED, #007EBC, #76003A, #003553, #08000D)

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