Petrol Boulevard color palette — #D5F7FF · #007691 · #004E67 · #002435 · #000F1C
A conversation between Teal and Peacock, giving this palette its sense of trust and stability.
The five colors
- Frost (#D5F7FF): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#007691): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#004E67): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#002435): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000F1C): 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
- Aged Canyon color palette (#C6E7DF, #007F76, #004D4B, #003033, #000A0D)
- Misty Turquoise Canyon color palette (#D9F6F2, #00A8BA, #00738F, #003552, #000929)
- Ancient Fern color palette (#CDEADC, #00759C, #3C6600, #003C51, #030A00)
- Cobalt Terrace color palette (#DBE7F1, #2A88D3, #004773, #001A32, #000205)
- Indigo Orchard color palette (#CFEDE4, #8CB1E6, #7078D5, #005879, #000D25)
- Aubergine Terrace color palette (#C6E3F8, #005E8C, #6A00A5, #004739, #000409)
- Washed Market color palette (#DDEDFA, #0070BF, #004498, #02057E, #03002E)
- Quiet Nightshade color palette (#DCEFFF, #2492FD, #0056C4, #1200A0, #0D004F)
Browse the whole catalog at Explore, or see today's palette.