Tempered Corridor color palette — #F0F7F1 · #DADDEC · #97B3DB · #608DA4 · #485367

Sky and Storm Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Silver (#DADDEC): A whisper-light, dusty violet — the color of wild irises.
• Sky (#97B3DB): A luminous, dusty blue — the color of open sky before noon.
• Storm Blue (#608DA4): A luminous, dusty blue — the color of open sky before noon.
• Charcoal Brown (#485367): A full-bodied, dusty violet — the color of wild irises.

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

• Muted Workshop color palette (#E6F9FF, #CEDCE9, #BAAAB3, #81AAAD, #3B5057)
• Softworn Field color palette (#E6F2E8, #89D1E4, #1F92BF, #006C69, #033050)
• Sunlit Cobalt color palette (#DCE9DE, #80B9DE, #2576C9, #005765, #101B43)
• Tempered Lantern color palette (#E6F9FD, #6ADACF, #E29AA6, #529B94, #58455C)
• Weathered Balcony color palette (#E2EEE4, #39A5A3, #006470, #003D2D, #000B11)
• Aged Studio color palette (#FFF0F9, #E8BDCE, #B68DA5, #836C7F, #404B40)
• Powdered Canyon color palette (#EAFAED, #9CEAF3, #00ACD1, #008474, #13455E)
• Aqua Loft color palette (#E5F9FF, #00CAC9, #BA93CE, #AA8D66, #31464C)

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