Tempered Alley color palette — #FFF1F6 · #8B7BA8 · #01796B · #00586F · #40313D

Teal and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Slate Blue (#8B7BA8): A luminous, dusty violet — the color of wild irises.
• Teal (#01796B): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#00586F): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#40313D): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Patina Pine Courtyard color palette (#FBF2FA, #7A8EBA, #4E7548, #005E57, #253931)
• Timeworn Navy color palette (#FFF2F0, #AF798E, #2C6A8B, #3A468A, #422E32)
• Pine Archive color palette (#FBEEEC, #BF7688, #497941, #2E5178, #281917)
• Dusty Plum color palette (#FFF1F3, #984597, #005E69, #003E6D, #281C42)
• Emerald Lantern color palette (#FBF1FB, #CF8388, #699149, #37739D, #3E313F)
• Tempered Canyon color palette (#F9F5E9, #A0996B, #517C5A, #006063, #184C41)
• Bronze Lantern color palette (#FCF4E8, #C3A083, #937037, #34663F, #4C4741)
• Wandering Boulevard color palette (#F9F2FE, #F79CC5, #6DB0D6, #7F89B9, #34323E)

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