Tempered Corridor color palette — #ECDCE1 · #98C5ED · #6A8DEA · #007B89 · #201249

Built around Lavender Blue, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Shell Pink (#ECDCE1): bright and airy, almost weightless.
• Sky (#98C5ED): A luminous, dusty blue — the color of deep harbor water.
• Lavender Blue (#6A8DEA): A luminous, balanced violet — the color of a velvet chair.
• Teal (#007B89): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#201249): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Tempered Corridor 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

• Washed Azure color palette (#F3E3EF, #84CDDE, #0B9DDB, #007F6D, #001D48)
• Cobalt Drift color palette (#ECF0E5, #85B7E4, #3C75BD, #005475, #071B49)
• Sky Study color palette (#FFF0FA, #9AE7FF, #41B4FE, #00998A, #122E6B)
• Hushed Station color palette (#EEE3D8, #7CA1C1, #314EB0, #003840, #0D002A)
• Wandering Rose color palette (#F4E0F5, #F53760, #009790, #24759A, #2A0007)
• Aged Plum Garden color palette (#F9E1FC, #F46582, #00A49C, #CF0051, #00201E)
• Ash Harbor color palette (#FBF3F6, #D9D4E2, #BBBDE4, #74AEAD, #495366)
• Muted Peony color palette (#F0D4F6, #FFB396, #D0B864, #B26B9B, #2F142B)

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