Petrol Boulevard color palette — #E3EBF1 · #B9C6D3 · #94A5C2 · #006A8B · #11212B
Peacock and Blue Fog set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#E3EBF1): a clean, paper-quiet neutral.
- Oat (#B9C6D3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Blue Fog (#94A5C2): A luminous, dusty violet — the color of a velvet chair.
- Peacock (#006A8B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#11212B): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Hushed Denim color palette (#DBE0E7, #ABB5C6, #8A93B8, #005494, #081521)
- Cerulean Bloom color palette (#E2EEE8, #D0BEC4, #C0A1A3, #008DB2, #10241B)
- Indigo Lagoon color palette (#EDEEF4, #D8D5E3, #BFB0CF, #825EA8, #2C2C3C)
- Washed Harbor color palette (#D3E6F5, #788ED3, #8361A3, #684627, #2D2600)
- Washed Jade color palette (#DFF5F1, #4EA67B, #007160, #004E59, #002112)
- Cerulean Station color palette (#F0F6FB, #DADAE5, #C2BECE, #5D96BD, #41494F)
- Ultramarine Orchard color palette (#D7F3DD, #008BC1, #3F3DC9, #5F2300, #00172E)
- Mulberry Quarry color palette (#D2E5F6, #007BBB, #87008B, #532300, #061600)
Browse the whole catalog at Explore, or see today's palette.