Petrol Boulevard color palette — #C5EFFC · #0076A3 · #154272 · #2F0E3A · #1C031A
Built around Slate, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Frost (#C5EFFC): A whisper-light, dusty blue — the color of deep harbor water.
- Slate (#0076A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#154272): A deep, shadowed, balanced blue — the color of open sky before noon.
- Deep Indigo (#2F0E3A): A deep, shadowed, balanced pink — the color of peonies in June.
- Ink (#1C031A): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged vintage, retro, 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
- Softworn Cypress Basin color palette (#D4F3EB, #007C79, #004853, #161743, #1A001C)
- Petrol Harbor color palette (#E5EEFA, #5A66A0, #423863, #3A0D21, #1E0700)
- Onyx Balcony color palette (#D3ECEA, #0F667E, #1C3760, #37000E, #060100)
- Petrol Summit color palette (#D4E6FB, #0067B0, #002C59, #2B1F26, #000919)
- Ancient Cerulean color palette (#D3E6E5, #278ABB, #004066, #00212B, #00091A)
- Smoked Mulberry color palette (#D7ECFF, #005683, #6E005A, #002339, #11000C)
- Denim Pier color palette (#D2F0ED, #4D8193, #315988, #541B28, #260700)
- Azure Workshop color palette (#C4EBFD, #57A0D6, #506585, #48415C, #50263F)
Browse the whole catalog at Explore, or see today's palette.