Tempered Corridor color palette — #DBF1FF · #7386B0 · #5F4C88 · #4E2C11 · #222700

Peacock takes the lead with Slate Blue close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#DBF1FF): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#7386B0): A luminous, dusty violet — the color of wild irises.
• Peacock (#5F4C88): A full-bodied, balanced violet — the color of wild irises.
• Espresso (#4E2C11): A deep, shadowed, dusty gold — the color of old brass.
• Onyx (#222700): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged vintage, retro, 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

• Cobalt Station color palette (#DFECFC, #716EAA, #56385D, #3B2500, #1B1E00)
• Driftwood Station color palette (#DCE1FF, #9E77B1, #774D60, #403800, #113306)
• Cerulean Field color palette (#D1EEE8, #3795A6, #345B87, #5F2334, #471401)
• Muted Studio color palette (#D9F8E2, #348F96, #43527A, #1F3800, #001507)
• Frosted Lagoon color palette (#CEF2E1, #56A4BC, #676C9E, #355720, #112C00)
• Muted Periwinkle color palette (#D6EBE3, #829DDB, #8D77AB, #88593C, #382705)
• Tempered Denim color palette (#E2F2E5, #5AABC2, #005F83, #003E3D, #00213C)
• Wandering Fern Hollow color palette (#EFEEFF, #9F90B6, #8C5456, #3B531F, #004733)

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