Petrol Boulevard color palette — #F3E4EA · #90B9D9 · #5465AC · #004B4B · #1C0834
Slate takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.
The five colors
- Rose Water (#F3E4EA): a clean, paper-quiet neutral.
- Sky (#90B9D9): A luminous, dusty blue — the color of deep harbor water.
- Slate (#5465AC): A full-bodied, balanced violet — the color of wild irises.
- Forest (#004B4B): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#1C0834): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, 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 Alley color palette (#F0E5EF, #7DC1C5, #00759B, #004F28, #001437)
- Muted Station color palette (#E9F1EB, #99B5CE, #2965BC, #004D5D, #202858)
- Cerulean Orchard color palette (#FAEEF6, #A7D8ED, #348BBE, #006544, #0F1E55)
- Weathered Chapel color palette (#EEF4ED, #D8DBEE, #8D9CBD, #31777B, #33334D)
- Ancient Loft color palette (#F1E4EA, #4695B3, #00488E, #002C25, #04001A)
- Wandering Grape Villa color palette (#D8F5ED, #799D22, #7935A6, #3A4F00, #1E0030)
- Lagoon Alley color palette (#EEE2EC, #2F8789, #004256, #00210A, #000105)
- Soft Veranda color palette (#CEF2E7, #91D9B9, #47B1D2, #784C12, #00250F)
Browse the whole catalog at Explore, or see today's palette.