Tempered Alley color palette — #EFF6FF · #5B9DFF · #3D455D · #161F2A · #030609

Cornflower and Charcoal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Cornflower (#5B9DFF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#3D455D): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Midnight (#161F2A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#030609): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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

• Aged Periwinkle Dune color palette (#D9E6F6, #70ACFE, #686E89, #3F4B59, #111A1F)
• Turquoise Basin color palette (#E8F8FF, #00B1C7, #32495A, #132026, #010708)
• Hushed Courtyard color palette (#F3F4FF, #B97CF3, #49415D, #1D1D2B, #04050B)
• Cobalt Harbor color palette (#E7DAE7, #4576B8, #402935, #1F0F1F, #020805)
• Quiet Indigo color palette (#E7EEFF, #6B60FF, #361C4F, #2A1D23, #020619)
• Misty Apricot color palette (#F3F4FF, #C7A8FF, #E6944B, #52A294, #272841)
• Muted Peony Atelier color palette (#F7F3FF, #D14ABB, #3E2E45, #120C1C, #010103)
• Timeworn Alley color palette (#F2F5FF, #D5CCFF, #BBC26D, #8C7EC2, #194133)

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