Tempered Petrol Boulevard color palette — #D7E5EB · #B9C6D2 · #99A5BB · #006D7E · #0D222B

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D7E5EB): a clean, paper-quiet neutral.
• Oat (#B9C6D2): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#99A5BB): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#006D7E): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#0D222B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Hushed Ultramarine color palette (#DCE1E9, #BEC3D6, #A4A1B7, #305CB0, #132032)
• Aged Cerulean color palette (#DBE4E9, #BABFD0, #A0A6C4, #008EAE, #0C222D)
• Hushed Abyss color palette (#E2EAE5, #AABEB5, #76968C, #004D5E, #13231B)
• Dusty Coast color palette (#EDF8F1, #C9DEE0, #D1AEC9, #006C7C, #031007)
• Aged Archive color palette (#C6F4F8, #6C99C9, #72668D, #525125, #272600)
• Navy Pier color palette (#E2E9F5, #A1A4B2, #88829C, #293E87, #030916)
• Wandering Ultramarine Cabin color palette (#D5E4D6, #0091A0, #2A4DB6, #4B3300, #001924)
• Timeworn Cypress color palette (#DCF4EA, #6EA16B, #007257, #004E5C, #022202)

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