Tempered Iris color palette — #EDF1FF · #8E8CCE · #A47948 · #4C6742 · #1E222F

Built around Lavender Blue, softened by Mocha — the whole palette hums with nature and growth.

The five colors

• Ivory (#EDF1FF): a clean, paper-quiet neutral.
• Lavender Blue (#8E8CCE): A luminous, balanced violet — the color of twilight just after sunset.
• Mocha (#A47948): A luminous, balanced gold — the color of old brass.
• Olive (#4C6742): A full-bodied, dusty green — the color of new leaves after rain.
• Onyx (#1E222F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged muted.

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

• Bronze Boulevard color palette (#F2F0F9, #B989B8, #976538, #28583A, #0D2942)
• Wandering Ash color palette (#F3EFFD, #B87FAE, #7B8B49, #006D67, #251F2F)
• Timeworn Field color palette (#E6F4FF, #4C9ECE, #BB6765, #715A30, #16242F)
• Worn Iris Hollow color palette (#FFF0FA, #8087D9, #808447, #606333, #463841)
• Lilac Garden color palette (#FFF0F9, #A3A0F1, #BC9363, #688360, #473841)
• Hazy Byzantium color palette (#F0F0FF, #9F48E0, #806800, #005833, #121029)
• Patina Powder Boulevard color palette (#F0F6FF, #A7C2FF, #A0B87F, #778A5D, #293241)
• Softworn Meadow color palette (#F0F1F8, #C4BBF2, #B96673, #7367A4, #1A131B)

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