Tempered Corridor color palette — #F6F0F3 · #D6DBEB · #899CC3 · #007C75 · #30344B

A conversation between Teal and Blue Fog, giving this palette its sense of sophistication.

The five colors

• Ivory (#F6F0F3): bright and airy, almost weightless.
• Silver (#D6DBEB): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#899CC3): A luminous, dusty violet — the color of a velvet chair.
• Teal (#007C75): A full-bodied, balanced teal — the color of sea glass.
• Navy (#30344B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Sophistication. Tagged coastal, cool, light, muted.

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

• Azure Delta color palette (#F1F7F2, #D8DDEF, #709ECA, #3F7981, #475365)
• Lagoon Terrace color palette (#E6F4FE, #DAD7E4, #B0AEA3, #5A9790, #2B384A)
• Petrol Loft color palette (#E9F3FB, #87BBD7, #C29164, #007CA7, #462533)
• Washed Denim Hollow color palette (#D8F9FF, #7DC6CF, #2B92B4, #1E5D94, #253251)
• Tempered Petrol color palette (#EEE6ED, #8ABCD0, #0073A4, #004E31, #041139)
• Antique Spruce color palette (#E5DAE7, #5E93A0, #005265, #012F05, #00040E)
• Weathered Hollow color palette (#F7EFF8, #A9D9E6, #0090B5, #006725, #00254A)
• Worn Pewter color palette (#E7F6EC, #A7C2B9, #678D75, #724A5C, #163230)

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