Tempered Alley color palette — #FFF1F5 · #B3D9FA · #8091D5 · #007B7D · #353757

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

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Powder Blue (#B3D9FA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Lavender Blue (#8091D5): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#007B7D): A full-bodied, balanced teal — the color of sea glass.
• Navy (#353757): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Timeworn Azure color palette (#FAF2F9, #9BE4E4, #2BA4CA, #457A4F, #223C59)
• Hushed Cornflower color palette (#FFF0F7, #81D8FD, #2C8AFD, #007465, #2F2766)
• Denim Delta color palette (#F4F6EF, #9ED1C3, #577AA7, #005A7C, #253962)
• Powder Orchard color palette (#FCF2F6, #DBDEED, #9CB2D8, #5C8F9C, #4D5168)
• Powder Delta color palette (#E2FAFF, #C8DDF5, #B3B7FB, #7B8F65, #26434D)
• Soft Petrol color palette (#EFDDE8, #3DB2CF, #006AAD, #004C3A, #0C0C37)
• Mint Chapel color palette (#DDEBD7, #00C88E, #009589, #006776, #04455F)
• Hazy Delta color palette (#D5F5FD, #00C1B8, #D67282, #00837D, #55232C)

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