Tempered Iris Pier color palette — #F0F8EF · #D9DDF9 · #6A89F7 · #006877 · #20163C
Lavender Blue takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F0F8EF): bright and airy, almost weightless.
- Thistle (#D9DDF9): A whisper-light, dusty violet — the color of wild irises.
- Lavender Blue (#6A89F7): A luminous, vivid violet — the color of wild irises.
- Peacock (#006877): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#20163C): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Iris Pier 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
- Faded Azure Drift color palette (#FCF2F8, #B9F0FF, #009CE0, #006B5E, #061C42)
- Patina Atelier color palette (#ECF1E4, #B1D7FF, #71A5F3, #2388BA, #1D2B53)
- Indigo Loft color palette (#F2E7DB, #92B8DC, #5761B7, #004B4E, #1E0832)
- Antique Turquoise Quarry color palette (#FAF2F8, #D3D5E4, #2EB7DD, #0E825C, #153148)
- Tempered Cobalt color palette (#FEF0FA, #92D9E6, #0085B4, #005343, #000C21)
- Muted Turquoise color palette (#F7EBF4, #4DB3BF, #005D7A, #002C20, #000104)
- Faded Sapphire Loft color palette (#F7EAF0, #77C1E8, #0065C2, #003E3E, #010014)
- Tempered Atelier color palette (#F9F3F7, #D3D5E5, #8CD9EE, #6C9F82, #3F505D)
Browse the whole catalog at Explore, or see today's palette.