Tempered Alley color palette — #FFF1F6 · #DBD4E8 · #5F96FF · #00717A · #22145A

Cornflower and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Silver (#DBD4E8): A whisper-light, dusty violet — the color of a velvet chair.
• Cornflower (#5F96FF): A luminous, vivid violet — the color of a velvet chair.
• Teal (#00717A): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#22145A): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Balance. Tagged coastal, cool, light.

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

• Hushed Villa color palette (#FCF2F6, #D8D4DF, #82A8DD, #007E82, #262954)
• Softworn Turquoise Terrace color palette (#FDF1F9, #B9FCFF, #00ABD0, #007651, #002740)
• Sapphire Harbor color palette (#FFF3E7, #78C1F0, #2868D2, #00555A, #2C256C)
• Cobalt Boulevard color palette (#FEF1F5, #ABD0F2, #5574CD, #00505A, #0F002F)
• Antique Denim color palette (#EDE1EA, #6BAFB4, #005E77, #002D1E, #000103)
• Worn Thicket color palette (#FAF2F8, #D3D5E5, #7AC8DF, #41956E, #1D435D)
• Coral Study color palette (#FFF1F1, #FF7F7E, #008E69, #00818F, #2B0003)
• Soft Plum color palette (#FBF1FF, #FF86AA, #00B1A7, #C30060, #002422)

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