Petrol Boulevard color palette — #EEE8DF · #8CBBD4 · #1F6FAF · #004A52 · #041237
Slate and Midnight set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#EEE8DF): bright and airy, almost weightless.
- Sky (#8CBBD4): A luminous, dusty blue — the color of open sky before noon.
- Slate (#1F6FAF): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004A52): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#041237): A deep, shadowed, dusty 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 Market color palette (#F1E8DA, #9CBDA3, #007791, #004C42, #001826)
- Sapphire Terrace color palette (#F7EAF0, #90B7D3, #3663BC, #00504A, #2F2259)
- Aged Parlor color palette (#F6F1EA, #ADD0C5, #5A7CB1, #00596C, #171C42)
- Antique Teal Harbor color palette (#E7E2D8, #5AACAB, #006470, #003B2C, #000D13)
- Petrol Workshop color palette (#F5F1EA, #C3E7EA, #AE91B0, #327684, #422F3E)
- Tempered Meadow color palette (#D7F2D1, #A0DAE4, #5FACE4, #18724B, #002123)
- Hazy Emerald color palette (#D0EBD1, #009957, #006B50, #003F3A, #001F1E)
- Lagoon Hollow color palette (#F4ECDE, #3E8682, #00444A, #002015, #000202)
Browse the whole catalog at Explore, or see today's palette.