Tempered Alley color palette — #F8EFF2 · #D9D0E3 · #8B9BC7 · #3F7481 · #31344A

Blue Fog takes the lead with Teal close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F8EFF2): bright and airy, almost weightless.
• Silver (#D9D0E3): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#8B9BC7): A luminous, dusty violet — the color of wild irises.
• Teal (#3F7481): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#31344A): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: 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

• Tempered Loft color palette (#F1F7F2, #D9DDED, #819BC1, #32798C, #485368)
• Washed Ash Archive color palette (#F7EEFB, #EAD4D4, #BAE2CC, #8E88AB, #42313E)
• Worn Denim color palette (#E9DAE0, #68A4C8, #3153A0, #003A36, #0E0029)
• Lagoon Balcony color palette (#FDEBFF, #CD858D, #399FA0, #23888A, #2F2231)
• Tempered Balcony color palette (#E6DBE7, #488484, #004254, #002106, #000104)
• Timeworn Studio color palette (#F0E5EC, #87BDCB, #0071AF, #004D38, #0A0E3D)
• Pale Cerulean Station color palette (#FAEDF8, #96DEE6, #228DBD, #00663C, #0C224D)
• Powder Harbor color palette (#F9F4EE, #C9DBE7, #C0BCE8, #739D84, #5C4556)

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