Tempered Corridor color palette — #DDE7F2 · #0084DB · #314157 · #132332 · #060E16

Azure takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#DDE7F2): a clean, paper-quiet neutral.
• Azure (#0084DB): A full-bodied, vivid blue — the color of open sky before noon.
• Navy (#314157): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#132332): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#060E16): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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

• Iris Corridor color palette (#DCE5F6, #6E89E4, #454C63, #262E3C, #131920)
• Softworn Cornflower Quarry color palette (#E7FAF5, #008EED, #223457, #00140F, #000201)
• Worn Lagoon color palette (#D8EDF4, #009298, #234553, #0B252D, #021013)
• Antique Azure Terrace color palette (#DAECE6, #19A2FA, #5A5C89, #22443B, #07100A)
• Petrol Archive color palette (#DBECFD, #0067A5, #212142, #041524, #02050B)
• Iris Station color palette (#DCE3FF, #9386E1, #C4658D, #0084A5, #222947)
• Misty Amethyst color palette (#E1E7FF, #833FFF, #44295C, #1C1238, #030618)
• Powdered Coast color palette (#E6EFFF, #91A3EB, #00AE94, #5769C2, #003F35)

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