Tempered Iris Alley color palette — #FEF4E2 · #B89D49 · #7E81CA · #7B6300 · #3C3E64

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

The five colors

• Cream (#FEF4E2): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#B89D49): A luminous, balanced green — the color of fresh herbs.
• Lavender Blue (#7E81CA): A luminous, balanced violet — the color of a velvet chair.
• Olive (#7B6300): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#3C3E64): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.

Use it as a design system

One click turns Tempered Iris Alley 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

• Chestnut Pier color palette (#FFF3E9, #CC9067, #628CC0, #9B4D00, #284466)
• Iris Villa color palette (#E4F8EB, #B4A45F, #7487D7, #766300, #1B224F)
• Hushed Studio color palette (#FBF5E8, #C9B76E, #8E9FED, #967F00, #373F65)
• Olive Hollow color palette (#F6F6E8, #9CBA8D, #A18EBE, #5A7F45, #63414F)
• Faded Indigo Chapel color palette (#FFF4DF, #A38522, #826ABB, #814E81, #3B3731)
• Basalt Boulevard color palette (#FEF4E3, #AFA880, #82713F, #6C482E, #3B4200)
• Frosted Delta color palette (#EBFAED, #EFC577, #BDB1FF, #C19742, #394060)
• Tempered Drift color palette (#E5F4E0, #14A395, #A55C8D, #00655B, #4F2341)

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