Tempered Iris color palette — #FAF3F5 · #B7D9F7 · #6892EC · #007A85 · #383559

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

The five colors

• Ivory (#FAF3F5): bright and airy, almost weightless.
• Powder Blue (#B7D9F7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Lavender Blue (#6892EC): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#007A85): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#383559): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Aged Petrol Veranda color palette (#FAF4EB, #C4E3F7, #82A8E0, #007C94, #402339)
• Feathered Market color palette (#FFF0F8, #79D9FF, #0091EE, #00736E, #1F2D66)
• Weathered Orchard color palette (#F9F3F7, #B0DDE9, #00A7C3, #317D55, #0F3F59)
• Patina Basin color palette (#EEF6FF, #E0D6EA, #E9A3ED, #3292A7, #303E53)
• Cobalt Courtyard color palette (#D3F0F1, #1ABDE2, #008CCC, #2361AB, #34365B)
• Washed Drift color palette (#FDF3EA, #B9EDDC, #95AEF9, #2D9E9C, #3E3356)
• Petrol Boulevard color palette (#F0E2EB, #52B0C6, #006E9E, #004B40, #001134)
• Weathered Ultramarine color palette (#E2ECE1, #7196BA, #3047C0, #003A43, #0C0026)

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