Petrol Boulevard color palette — #EBF3F7 · #D1D6E1 · #A4BAD0 · #00727E · #182226

Built around Teal, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#EBF3F7): bright and airy, almost weightless.
• Silver (#D1D6E1): bright and airy, almost weightless.
• Ash (#A4BAD0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#00727E): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#182226): quiet, heavy and certain.

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

• Cypress Parlor color palette (#F0F7F1, #CDDDDE, #BEAEB9, #1C7175, #333E35)
• Washed Balcony color palette (#EBF3FC, #C7D4ED, #A0A9D0, #005BA7, #0E1B29)
• Timeworn Lagoon Loft color palette (#EFF7F9, #D8DBE6, #C0ABA7, #3F999D, #253034)
• Timeworn Pewter Summit color palette (#D3E5F0, #8AA7CB, #7069A1, #603F54, #192A1A)
• Velvet Petrol Canyon color palette (#D1E3F1, #006D9A, #122444, #000E1A, #000305)
• Washed Pine color palette (#E8F5F0, #8BAA84, #007849, #12514E, #00221E)
• Softworn Boulevard color palette (#E7F1F7, #A3B6C6, #7B8FA9, #004C5D, #000D15)
• Aubergine Archive color palette (#E2F0F8, #0089A9, #6B339C, #630C0A, #151500)

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