Tempered Alley color palette — #F0F3EC · #C2E4E8 · #7F9FC4 · #3E728A · #403040
Built around Slate, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Cream (#F0F3EC): bright and airy, almost weightless.
- Silver (#C2E4E8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Blue Fog (#7F9FC4): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#3E728A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal (#403040): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, 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
- Washed Coast color palette (#F2F2EB, #C4E4DB, #6AA8AE, #34796D, #253C2D)
- Ancient Petrol color palette (#FAF3F5, #DADDEE, #8199C8, #2E7B84, #49516B)
- Worn Denim color palette (#E7ECDC, #73A3C3, #005B97, #003747, #000A1E)
- Dusty Courtyard color palette (#E8EADF, #7ABFD1, #007695, #004A4F, #001925)
- Cerulean Harbor color palette (#F2F3E7, #95DEE6, #0093A9, #00625F, #002A36)
- Weathered Lagoon color palette (#EAECD9, #47989D, #00535E, #002C29, #000508)
- Dusty Basin color palette (#F3F4DB, #84A972, #449DA3, #967043, #282912)
- Driftwood Station color palette (#FAF4EE, #C6DDEC, #E1BFDD, #789C80, #5D4553)
Browse the whole catalog at Explore, or see today's palette.