Tempered Alley color palette — #CFE4E3 · #5C9AC2 · #005B97 · #00394A · #00091C

A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Silver (#CFE4E3): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#5C9AC2): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#005B97): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#00394A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#00091C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, 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

• Weathered Denim color palette (#E7EAE0, #71A9CF, #005891, #002937, #000105)
• Dusty Grove color palette (#D8EAE9, #76A7D0, #0066BC, #004660, #000F3A)
• Ancient Cypress Loft color palette (#DBEFEA, #56A1A0, #00646B, #003C35, #000C0F)
• Timeworn Navy color palette (#EEDEE5, #5986A4, #003585, #002224, #08002A)
• Weathered Summit color palette (#E5F2EF, #95D1D4, #0097A8, #006D65, #00343F)
• Cerulean Terrace color palette (#EEF7F7, #D2DCFB, #7EABCC, #3A869B, #344A60)
• Hushed Bronze color palette (#D0E6CE, #8A6828, #603C00, #381C00, #050300)
• Wandering Harbor color palette (#F2DADB, #DB9086, #C3683F, #7F2342, #2A0004)

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