Tempered Iris color palette — #F4EEDF · #B4AA61 · #7990E2 · #807300 · #253163

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

The five colors

• Cream (#F4EEDF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#B4AA61): A luminous, balanced green — the color of new leaves after rain.
• Lavender Blue (#7990E2): A luminous, balanced violet — the color of a velvet chair.
• Walnut (#807300): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#253163): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, 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

• Lilac Quarry color palette (#F6EFD6, #ABAD64, #AF7BD5, #777700, #45235C)
• Timeworn Periwinkle color palette (#FFEAD8, #D8985F, #5897E8, #A55D00, #16365E)
• Misty Parlor color palette (#E7FBED, #F1C94B, #9C87E1, #907300, #2A1F48)
• Ancient Archive color palette (#F0E7D4, #ABB484, #908045, #7B501A, #30312A)
• Chalky Grove color palette (#F1ECDB, #9E9D25, #6840D1, #575600, #1E004F)
• Mustard Bloom color palette (#FAEDD2, #DCBE03, #EF8EAE, #A89000, #512435)
• Misty Orchid color palette (#E2EABE, #58CC6E, #B553F4, #006E27, #440065)
• Worn Emerald Villa color palette (#F4F7EA, #ABCFAD, #DB9BBB, #5C9E63, #673E53)

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