Petrol Boulevard color palette — #ECF4F3 · #D2D9EB · #7EA1BC · #13778C · #24384B
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
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 (#7EA1BC): A luminous, dusty blue — the color of open sky before noon.
- Teal (#13778C): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#24384B): 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 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
- Ancient Denim Chapel color palette (#CAEEFF, #7EBCD2, #388DAE, #00658F, #213A50)
- Lilac Lagoon color palette (#E7F4FF, #70A2CB, #9E7EB8, #2F8978, #172939)
- Petrol Grove color palette (#DDEDEA, #80C0C6, #007889, #004B48, #001921)
- Worn Ash Pier color palette (#FAF4EF, #CAE7E7, #759CC9, #397B7A, #5F4C59)
- Weathered Petrol Hollow color palette (#E9F3FB, #87BBD8, #84A970, #007CA8, #233816)
- Patina Navy color palette (#DEEBEA, #507EA1, #003C6F, #001D2A, #000106)
- Weathered Teal Corridor color palette (#FAF3F6, #D8D4DF, #BEBFEA, #40A3A4, #434D63)
- Weathered Denim Market color palette (#E8F3FF, #AACBED, #5E8FBD, #0F4F7E, #012241)
Browse the whole catalog at Explore, or see today's palette.