Tempered Alley color palette — #FAF3F6 · #A7CBE1 · #467AB8 · #006153 · #353461
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Ivory (#FAF3F6): a clean, paper-quiet neutral.
- Sky (#A7CBE1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#467AB8): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#006153): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#353461): 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
- Worn Cobalt color palette (#F7F1E7, #ADD1C0, #2183C0, #005A60, #09203F)
- Antique Cypress Balcony color palette (#FCF2F5, #CEDEEF, #7E85BA, #007076, #444465)
- Muted Quarry color palette (#F4EBF5, #8FB9C6, #007392, #00541F, #002D5B)
- Lagoon Quarry color palette (#EADFE9, #449FA4, #00516B, #003216, #001231)
- Amber Balcony color palette (#FFE7F0, #BE7C3F, #0086A2, #7F4600, #003C4A)
- Bronze Lagoon color palette (#CFEED5, #99730B, #007B89, #2A5881, #13331C)
- Denim Alley color palette (#F4E8ED, #80A3BF, #3251A3, #003E3B, #240D4A)
- Softworn Navy Coast color palette (#F4E2EA, #5188A5, #00328D, #00231F, #0B0027)
Browse the whole catalog at Explore, or see today's palette.