Petrol Boulevard color palette — #EEF3EF · #D8DAED · #869CC8 · #28758E · #2C354E
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Cream (#EEF3EF): a clean, paper-quiet neutral.
- Silver (#D8DAED): A whisper-light, dusty violet — the color of wild irises.
- Blue Fog (#869CC8): A luminous, dusty violet — the color of a velvet chair.
- Teal (#28758E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#2C354E): A deep, shadowed, dusty violet — the color of a velvet chair.
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
- Petrol Dune color palette (#E3ECE5, #8EBAD3, #0073A5, #004B4C, #001630)
- Ash Harbor color palette (#F9F4EF, #C8E8ED, #8995CC, #3E7A7C, #644A54)
- Hushed Cypress Harbor color palette (#EDF4EE, #C4E2EB, #459BAA, #006F56, #003141)
- Wandering Ultramarine color palette (#DAE2DB, #7AA1C1, #0A51B4, #003744, #050031)
- Abyss Thicket color palette (#D5E3D8, #4F8190, #004350, #002019, #000103)
- Lagoon Quarry color palette (#F2F7F1, #DAD5DF, #D2BBEC, #54A0A4, #494A66)
- Antique Bronze Market color palette (#ECF5EC, #CFAD81, #7D9ECD, #9A6500, #1A324F)
- Dusty Pewter color palette (#E7F7E8, #B69761, #3D9EA3, #91659C, #192D1C)
Browse the whole catalog at Explore, or see today's palette.