Tempered Iris Bloom color palette — #DBECFF · #9EC4FF · #7197FF · #6677DF · #33326B
A conversation between Lavender Blue and Periwinkle, giving this palette its sense of trust and stability.
The five colors
- Frost (#DBECFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Sky (#9EC4FF): A luminous, balanced blue — the color of deep harbor water.
- Lavender Blue (#7197FF): A luminous, balanced violet — the color of wild irises.
- Periwinkle (#6677DF): A luminous, balanced violet — the color of twilight just after sunset.
- Navy (#33326B): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Tempered Iris Bloom 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
- Quiet Iris color palette (#E2ECFF, #8EA8FF, #7878FF, #6154B1, #32255A)
- Lilac Lantern color palette (#E6E7FF, #B8AEFF, #AC87FF, #9B64CC, #4B2D5D)
- Ancient Azure color palette (#CEF0FB, #5DD2FF, #03AEEC, #0089CA, #104674)
- Quiet Villa color palette (#F1F5FF, #BABFFF, #FF9299, #8789F4, #661C27)
- Faded Blush Meadow color palette (#E9E9FF, #B0A7FF, #FF72B4, #00ACD3, #2F2A4F)
- Worn Petal color palette (#F4F4FF, #E7D4E3, #FFB8DB, #9DABEB, #3B3F5C)
- Aged Aubergine Harbor color palette (#C9F0FA, #00AAF0, #0E5EDE, #5300A8, #360048)
- Wandering Violet color palette (#DEDEEF, #A27CFF, #934DE9, #743CA3, #2A0637)
Browse the whole catalog at Explore, or see today's palette.