Tempered Corridor color palette — #F2F5FF · #9886FF · #827B00 · #005E7A · #003647

A conversation between Wisteria and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Wisteria (#9886FF): A luminous, vivid violet — the color of a velvet chair.
• Olive Leaf (#827B00): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#005E7A): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003647): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.

Use it as a design system

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

• Linen Periwinkle color palette (#EFF6FF, #67A3FF, #A45B00, #005F75, #003744)
• Chalky Fuchsia Canyon color palette (#FFF1F4, #E480F7, #9E7700, #005C68, #00262F)
• Faded Violet Dune color palette (#DCE0F3, #8C67F2, #776100, #004671, #00213A)
• Chalky Basin color palette (#F5F3FF, #C38ECF, #6F8C32, #565495, #33325B)
• Magenta Chapel color palette (#F4F4FF, #CC68F5, #797E00, #224CB0, #0D296E)
• Misty Azure color palette (#FBF2F8, #9AEAF6, #00A8E9, #008757, #2C3F66)
• Worn Byzantium color palette (#E0E3F9, #8A4ED3, #5E5300, #002D73, #0F003E)
• Soft Emerald color palette (#EBFAEA, #BFC16A, #389F3C, #6C5E96, #164433)

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