Petrol Station color palette — #F4E4EE · #79BFD4 · #1D72A4 · #004C44 · #051434

A conversation between Slate and Sky, giving this palette its sense of trust and stability.

The five colors

• Blush (#F4E4EE): A whisper-light, dusty pink — the color of neon signs at night.
• Sky (#79BFD4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#1D72A4): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004C44): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#051434): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, 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

• Weathered Cobalt color palette (#FAEEF4, #A6CDE8, #4C7FB5, #005B5A, #171D3E)
• Petrol Lantern color palette (#FBEBE2, #94BCA5, #0E6CAF, #00523F, #22275C)
• Washed Thicket color palette (#F4E1E8, #5DA4D4, #2854A5, #00393D, #0A012B)
• Patina Ash color palette (#F8EFF4, #D6D1E7, #80A0BF, #42747E, #2C3648)
• Muted Cerulean color palette (#F0DFEC, #189CA5, #005168, #002D1F, #00050D)
• Navy Boulevard color palette (#FBE9F0, #1A82B1, #00387A, #001F20, #01000B)
• Muted Plum color palette (#FEDAEB, #B91680, #00704B, #005A49, #11031C)
• Feathered Raspberry color palette (#EADEFC, #CD34A7, #007E61, #75195E, #00170F)

Browse the whole catalog at Explore, or see today's palette.