Tempered Alley color palette — #EAF8FC · #5BA7A3 · #42769D · #564B79 · #124C48

Built around Slate, softened by Charcoal Brown — the whole palette hums with trust and stability.

The five colors

• Ivory (#EAF8FC): bright and airy, almost weightless.
• Turquoise (#5BA7A3): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#42769D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal Brown (#564B79): A full-bodied, dusty violet — the color of twilight just after sunset.
• Forest (#124C48): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged muted, cool.

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

• Antique Alley color palette (#E9F8FE, #53A6B3, #58719B, #515924, #0F4C4F)
• Washed Cerulean Drift color palette (#E3F7FF, #7EC5D3, #3D93A9, #2C7188, #465070)
• Aged Azure Quarry color palette (#EDF6FF, #6A9DCB, #74669B, #743F5E, #184956)
• Worn Jade color palette (#E8FAF6, #7FA46F, #377E78, #22597B, #2B4A37)
• Tempered Mulberry Ridge color palette (#F7F5EC, #ABB97E, #6492B5, #9D4A60, #44433B)
• Dusty Summit color palette (#E9F9FB, #B6DEEE, #6BD9C8, #5CA7B0, #284E57)
• Wandering Studio color palette (#E4F5FA, #00908A, #284149, #1E2B2E, #101619)
• Aubergine Drift color palette (#E7F9FF, #008E98, #0059A8, #531A84, #003B20)

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