Petrol Station color palette — #F0E7E1 · #84BDD1 · #0071B0 · #004C46 · #061237
Slate takes the lead with Midnight close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#F0E7E1): a clean, paper-quiet neutral.
- Ash (#84BDD1): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#0071B0): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004C46): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#061237): 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 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
- Tempered Petrol Boulevard color palette (#EDF1DF, #6DBEDA, #007299, #004E58, #03314B)
- Ancient Cobalt color palette (#F7F0EB, #9FCFE9, #377DCE, #005B5C, #31152A)
- Faded Ultramarine color palette (#EEE4D8, #78A1C3, #214AC0, #00383F, #0C002C)
- Worn Boulevard color palette (#FCEFE8, #8CE1DD, #0093A9, #006639, #00293C)
- Antique Azure Bloom color palette (#EAF9F7, #C8E0FF, #009ED6, #006875, #002135)
- Antique Denim Orchard color palette (#F2E5DF, #5096A0, #00516B, #002D21, #00040E)
- Timeworn Periwinkle color palette (#F7F0EC, #C4E8E8, #74A0CF, #2B7976, #41303D)
- Washed Corridor color palette (#EDE4DC, #507E9C, #003486, #001F21, #01000A)
Browse the whole catalog at Explore, or see today's palette.