Petrol Boulevard color palette — #DAF1FF · #007490 · #152A4C · #001B29 · #000813
Built around Teal, softened by Midnight — the whole palette hums with trust and stability.
The five colors
- Frost (#DAF1FF): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#007490): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#152A4C): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#001B29): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000813): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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
- Washed Cobalt Corridor color palette (#DAE5F7, #536EB2, #2F3047, #141F32, #0A0D16)
- Cerulean Alley color palette (#E2F3FE, #0094BC, #004A6F, #092A3B, #05141B)
- Aged Turquoise color palette (#D7E8DE, #00B2DC, #51688D, #2E483B, #0A150A)
- Nocturne Lagoon color palette (#E6ECFF, #5D30CA, #350339, #0E032C, #040006)
- Indigo Field color palette (#E8E9FF, #746FD9, #B35200, #666400, #2B285A)
- Moonless Nightshade color palette (#D6E0F6, #2D089F, #36171C, #11001A, #000206)
- Aubergine Meadow color palette (#E9E8FF, #450063, #3C2723, #2D1417, #0D0006)
- Frosted Cerulean Workshop color palette (#FDF1F9, #96DDDD, #008EA9, #006A43, #004567)
Browse the whole catalog at Explore, or see today's palette.