Petrol Boulevard color palette — #F1E1EB · #57B0C5 · #006BA9 · #004C38 · #09083F
Built around Peacock, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Rose Water (#F1E1EB): A whisper-light, dusty pink — the color of neon signs at night.
- Cyan (#57B0C5): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#006BA9): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004C38): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#09083F): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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 Chapel color palette (#F9EAFB, #2DB8B1, #00728A, #094E09, #001529)
- Cobalt Pier color palette (#EDDFE4, #7CBADC, #4672C2, #005A53, #201641)
- Petrol Orchard color palette (#FAEAE2, #80C2D5, #006EA2, #003F37, #00020F)
- Patina Denim Workshop color palette (#E4E7D6, #589AAD, #00516A, #002F34, #001623)
- Worn Harbor color palette (#D8E5E3, #73BCD1, #0090B8, #006C74, #001623)
- Muted Veranda color palette (#F8E9F4, #8FD0DF, #2D8ECB, #006F50, #202B51)
- Washed Mallow color palette (#D5E5FF, #DF95EE, #DE7177, #005D7F, #1C0C2E)
- Weathered Azure color palette (#FEF0FD, #80EFF8, #35A8D8, #2F8453, #274066)
Browse the whole catalog at Explore, or see today's palette.