Petrol Boulevard color palette — #EFF6FB · #D7D9E7 · #ACBCE0 · #00778F · #31434C
Built around Teal, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Ivory (#EFF6FB): bright and airy, almost weightless.
- Silver (#D7D9E7): a clean, paper-quiet neutral.
- Sky (#ACBCE0): A luminous, dusty violet — the color of twilight just after sunset.
- Teal (#00778F): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#31434C): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Antique Petrol color palette (#E7F6EF, #C3DCDE, #CEB6D1, #247494, #172922)
- Dusty Denim color palette (#E9EFF4, #C4CDD9, #999FB7, #005D7E, #233038)
- Patina Driftwood Courtyard color palette (#F3F5FB, #DED8DE, #B8A8A1, #857AA3, #50525B)
- Lowlit Coast color palette (#D9E3EE, #006AB9, #292350, #03192F, #050911)
- Softworn Navy Delta color palette (#DFE3EC, #A5A7BF, #84789E, #262B7A, #0C1322)
- Nightshade Thicket color palette (#F2F5FE, #D1D0E6, #AF9FC0, #5742B4, #2D3244)
- Tempered Atelier color palette (#EFF8F3, #CCDEE0, #C9C3AF, #37B4DC, #35443C)
- Weathered Cypress Summit color palette (#E2FCF3, #76B483, #007B67, #0A5A6F, #1D4427)
Browse the whole catalog at Explore, or see today's palette.