Tempered Petrol Corridor color palette — #E5F3E8 · #81BAD8 · #006CB1 · #004E57 · #1C2D4D

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

The five colors

• Cream (#E5F3E8): A whisper-light, dusty teal — the color of sea glass.
• Sky (#81BAD8): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#006CB1): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004E57): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#1C2D4D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Petrol 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

• Petrol Courtyard color palette (#F0E6EA, #84BCD9, #2D6CB2, #004B4B, #0E0F38)
• Wandering Cobalt Hollow color palette (#EDF9EF, #9ECBEE, #4F79B7, #005D70, #30385C)
• Dusty Teal Thicket color palette (#E4F3E7, #66C3BE, #007680, #00523A, #003441)
• Dusty Periwinkle Lantern color palette (#EDF0E7, #B5DECD, #51ADEB, #008DA9, #002F55)
• Cerulean Parlor color palette (#D7E3D9, #00A0BC, #00516E, #00302E, #001528)
• Antique Boulevard color palette (#D0F8FF, #75D9EB, #539ED3, #11704E, #083944)
• Ash Delta color palette (#F0F7F1, #D9DDEE, #7D9CC0, #417884, #475368)
• Navy Quarry color palette (#D3E6D7, #4D84BA, #0C308F, #00212B, #07002B)

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