Tempered Corridor color palette — #F0F3EC · #A8D2C5 · #4D7FB6 · #005774 · #081F44

Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Cream (#F0F3EC): bright and airy, almost weightless.
• Pistachio (#A8D2C5): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#4D7FB6): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005774): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#081F44): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Patina Dune color palette (#F2F3EA, #B1D1B5, #008C9C, #005C56, #00252E)
• Cobalt Lagoon color palette (#FDF2F5, #AEC8E0, #4973CF, #005E67, #37355A)
• Cerulean Field color palette (#E1E2D8, #4D96A8, #005168, #002B2F, #00050A)
• Worn Azure color palette (#EEF7F7, #BAD8F4, #5499E3, #00769D, #253B59)
• Hushed Petrol Study color palette (#F1F3EC, #C8DEDF, #77A89B, #2F748D, #432D44)
• Hazy Olive Courtyard color palette (#E7E4C8, #708721, #007F78, #8B4600, #181400)
• Worn Olive Bloom color palette (#F2F4DD, #AAECE3, #6FBEA7, #5E8034, #252B07)
• Worn Olive Boulevard color palette (#E9E9D4, #8F943A, #5D6D00, #304700, #0B2300)

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