Petrol Boulevard color palette — #ECF4F3 · #D2D9EB · #76A3BD · #00788A · #1E394F

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

The five colors

• Ivory (#ECF4F3): bright and airy, almost weightless.
• Silver (#D2D9EB): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#76A3BD): A luminous, dusty blue — the color of deep harbor water.
• Teal (#00788A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#1E394F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Tempered Delta color palette (#DDEDEA, #89BDCD, #007986, #004C46, #001A20)
• Muted Azure color palette (#FAF4EF, #C9E8E7, #6F9ECA, #407A76, #604A5C)
• Wandering Navy color palette (#DAEEED, #567E98, #003E68, #001E28, #000105)
• Softworn Lagoon color palette (#E2F6F9, #CADBEB, #ACC3E4, #579982, #244046)
• Hushed Lagoon color palette (#C9EEEB, #8FBFA0, #4A9A79, #00664F, #0B3F45)
• Aged Bronze Dune color palette (#DCF8FA, #63AE90, #5596B7, #887911, #0F2D2E)
• Aged Archive color palette (#E5F6F6, #AFD4FA, #4782D6, #005C82, #0B1E59)
• Tempered Cypress Workshop color palette (#E5F6F7, #83C3AD, #C19255, #008569, #442B06)

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