Petrol Boulevard color palette — #E0E9ED · #B8C6CF · #8AA9C1 · #006C7F · #07232E
Peacock and Blue Fog set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#E0E9ED): a clean, paper-quiet neutral.
- Stone (#B8C6CF): a calm mid-gray that lets other colors speak.
- Blue Fog (#8AA9C1): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006C7F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#07232E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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
- Ultramarine Garden color palette (#EBF0F7, #BDC4D2, #9CA4BB, #345BB0, #16202E)
- Tempered Abyss color palette (#E3EDF1, #ACBBC8, #7C8FAD, #004E57, #122228)
- Ancient Petrol color palette (#EEF8F1, #C6E0DF, #A1C4B7, #006B7F, #031008)
- Forest Field color palette (#D0E8E4, #61A473, #00734C, #005146, #00220C)
- Nightshade Alley color palette (#E4E9F2, #9FA4B3, #7E85A0, #232CAC, #02081B)
- Pewter Lagoon color palette (#D7E4FA, #8B97D0, #6E5F9D, #73334A, #4B1119)
- Aged Iris color palette (#F2F5FC, #DDD7E4, #CABAD3, #7878DE, #383F52)
- Linen Sapphire Lagoon color palette (#CEE2F2, #0BC6F1, #00A5EB, #1E66FA, #00172C)
Browse the whole catalog at Explore, or see today's palette.