Tempered Iris color palette — #E8FDDA · #00CBA7 · #7893FD · #008C73 · #28346F
A conversation between Lavender Blue and Aqua, giving this palette its sense of nature and growth.
The five colors
- Custard (#E8FDDA): A whisper-light, dusty green — the color of fresh herbs.
- Aqua (#00CBA7): A luminous, balanced teal — the color of shallow lagoons.
- Lavender Blue (#7893FD): A luminous, balanced violet — the color of twilight just after sunset.
- Fern (#008C73): A full-bodied, balanced teal — the color of sea glass.
- Navy (#28346F): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Calm, Balance. Tagged 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
- Airy Lilac color palette (#E4F4E5, #31BDC1, #9B86D6, #008285, #392C59)
- Soft Emerald color palette (#F4F9DA, #60C961, #06A5F2, #11901F, #003F60)
- Hushed Parlor color palette (#B7FCE9, #00B599, #0097E5, #828300, #003A2F)
- Softworn Cerulean Garden color palette (#E6FBF4, #98CAF5, #8EC095, #5192C6, #4C4E47)
- Wandering Moss Market color palette (#DFFFE3, #00C5CF, #AB9E00, #00888F, #413C00)
- Powdered Seafoam Basin color palette (#D6FFF9, #23DCCA, #00A396, #00645D, #002B28)
- Frosted Teal color palette (#E3FFDC, #C3EDFF, #7DDEF6, #32A78A, #004A47)
- Hushed Mint color palette (#E7FBEA, #9ECB7B, #007780, #004349, #0F1F12)
Browse the whole catalog at Explore, or see today's palette.