Tempered Iris color palette — #E6F9FF · #00D0D4 · #8C86FE · #B74C64 · #3A2F00
A conversation between Lavender Blue and Brick, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E6F9FF): A whisper-light, dusty blue — the color of deep harbor water.
- Aqua (#00D0D4): A luminous, balanced teal — the color of sea glass.
- Lavender Blue (#8C86FE): A luminous, vivid violet — the color of twilight just after sunset.
- Brick (#B74C64): A full-bodied, balanced red — the color of late-summer berries.
- Espresso (#3A2F00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
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
- Misty Lilac color palette (#E3F5FF, #00C5EC, #B176D1, #A45831, #0D3505)
- Ancient Thicket color palette (#DDFCFD, #00D79C, #389BFE, #AC4C92, #472800)
- Worn Mulberry color palette (#C4E8F7, #00B6CA, #8671D4, #A43346, #261F00)
- Faded Coast color palette (#E4FDE7, #00C6D0, #B4579A, #921442, #2A2000)
- Frosted Peony Boulevard color palette (#DAE9FF, #79A6FF, #ED2E8C, #7E6400, #002B27)
- Crimson Balcony color palette (#E4FAFF, #00B2AC, #C73F5A, #9A2025, #4D2300)
- Frosted Glacier color palette (#9BF4F7, #81D9FE, #93AFE2, #B07E7D, #5E3F50)
- Muted Amethyst color palette (#D5DFFE, #6D46F8, #A3002D, #393900, #000203)
Browse the whole catalog at Explore, or see today's palette.