Tempered Iris color palette — #E7F9F9 · #6BC998 · #9393E9 · #A65664 · #122929

Lavender Blue and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E7F9F9): a clean, paper-quiet neutral.
• Mint Leaf (#6BC998): A luminous, balanced teal — the color of glacier melt.
• Lavender Blue (#9393E9): A luminous, balanced violet — the color of wild irises.
• Brick (#A65664): A full-bodied, balanced red — the color of a theater curtain.
• Onyx (#122929): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Tempered Canyon color palette (#E5FAF9, #57CD8E, #D57FA0, #9B5C74, #0C2A2A)
• Washed Iris color palette (#E7FAF9, #78D198, #807FD1, #8F4407, #3B2700)
• Linen Cabin color palette (#FFF0FB, #82E2BF, #00A0CC, #8F4E48, #12373F)
• Weathered Study color palette (#FFF1F5, #E5A359, #8A95EE, #9F5C64, #311E25)
• Chalky Cobalt Market color palette (#E8F8FF, #12B8CC, #4C80CE, #883944, #03231E)
• Antique Station color palette (#E8FAF4, #B5CF88, #D796C6, #A17948, #213731)
• Weathered Mint color palette (#F3F8E5, #61D67E, #6CB8DD, #AF8760, #32342D)
• Sky Boulevard color palette (#ECF7FF, #2DBDF6, #BD5455, #954142, #001726)

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