Tempered Alley color palette — #F9F4ED · #C4E2F7 · #A0BBEF · #3F8DA7 · #54334A
A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F9F4ED): a clean, paper-quiet neutral.
- Powder Blue (#C4E2F7): A whisper-light, dusty blue — the color of deep harbor water.
- Sky (#A0BBEF): A luminous, balanced violet — the color of wild irises.
- Cerulean (#3F8DA7): A luminous, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#54334A): A deep, shadowed, dusty pink — the color of peonies in June.
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
- Patina Delta color palette (#F9F4ED, #BCE5F3, #87C4E3, #31938F, #21473E)
- Worn Periwinkle Boulevard color palette (#FCF4E8, #DAD5E0, #7AAFFF, #00849E, #262F64)
- Softworn Workshop color palette (#F1F7F2, #CADFF4, #6589CE, #006D88, #3E475E)
- Washed Lantern color palette (#FEF4E4, #8CD9ED, #0085B2, #00524F, #000E1D)
- Wandering Petrol color palette (#F4EDE2, #7EC5C7, #007486, #003F32, #000305)
- Hushed Archive color palette (#FDF4E6, #D1EBFF, #00A9D6, #00736A, #00283E)
- Denim Study color palette (#E4DDD4, #6BABCD, #005892, #002B30, #000108)
- Aged Cocoa color palette (#FFF3E3, #B8ECD5, #90C1D9, #CF9E7D, #644800)
Browse the whole catalog at Explore, or see today's palette.