Petrol Boulevard color palette — #E1F4F4 · #00848E · #005662 · #002D36 · #000D13
Teal takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E1F4F4): a clean, paper-quiet neutral.
- Teal (#00848E): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005662): A full-bodied, dusty blue — the color of open sky before noon.
- Deep Forest (#002D36): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000D13): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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
- Wandering Alley color palette (#D5F6EC, #008E85, #005560, #003547, #001F3C)
- Cerulean Lagoon color palette (#DCF3FE, #0087B3, #00506F, #001E2B, #000103)
- Dusty Corridor color palette (#E3F5E8, #00788B, #555F00, #003E48, #070900)
- Softworn Pine color palette (#DAF3DC, #00844B, #005035, #002E22, #00100C)
- Tempered Workshop color palette (#DCF4FF, #00617D, #5422AD, #00482C, #000407)
- Worn Turquoise Pier color palette (#C2EFF4, #49B9D0, #0083A1, #005C78, #003248)
- Iris Summit color palette (#D9EAE2, #77B4E7, #638BD3, #00505F, #000D17)
- Quiet Courtyard color palette (#D2EAFF, #0077CE, #003C8D, #05006F, #04002E)
Browse the whole catalog at Explore, or see today's palette.