Petrol Station color palette — #E4F3F2 · #72A8D1 · #0068B5 · #00475E · #001233
Built around Cobalt, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Cream (#E4F3F2): a clean, paper-quiet neutral.
- Blue Fog (#72A8D1): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cobalt (#0068B5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#00475E): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#001233): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Petrol Station 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 Petrol color palette (#D2E4E1, #6FADBB, #00718C, #00494D, #001721)
- Wandering Petrol Dune color palette (#ECF0E3, #7FBEEE, #0B69B5, #003B4F, #00020C)
- Faded Cornflower color palette (#F1E5DB, #5EB9F9, #527EDF, #006B75, #130A35)
- Washed Periwinkle color palette (#ECF8F8, #C1D7EE, #6397DD, #0075A2, #2A3A5C)
- Nightshade Archive color palette (#E8DBDF, #5996C2, #002FC1, #002F34, #13063A)
- Hushed Lagoon Veranda color palette (#EBF9F5, #94D9D6, #009FA7, #007464, #003A42)
- Wandering Lagoon Canyon color palette (#EFF7F5, #D1DFEE, #83BCC7, #209993, #34586A)
- Antique Ultramarine Quarry color palette (#F7E5FF, #C73874, #0E51EC, #800043, #000639)
Browse the whole catalog at Explore, or see today's palette.