Petrol Station color palette — #F0E2EC · #43B2C2 · #007FA9 · #005F4C · #00091A
A conversation between Cerulean and Cyan, giving this palette its sense of trust and stability.
The five colors
- Blush (#F0E2EC): A whisper-light, dusty pink — the color of neon signs at night.
- Cyan (#43B2C2): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#007FA9): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005F4C): A full-bodied, balanced teal — the color of glacier melt.
- Ink (#00091A): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. 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
- Hushed Cobalt color palette (#EFDBE8, #56C0D9, #008DC8, #006E60, #001134)
- Hazy Sapphire Basin color palette (#EFE0E5, #63A8D9, #3B6DD7, #005C64, #090029)
- Cerulean Loft color palette (#E9ECD8, #40A1B2, #006377, #003B3C, #000B12)
- Worn Bloom color palette (#E6E0D7, #3C8490, #004255, #00201C, #000103)
- Faded Grove color palette (#D9E2F3, #BE92D6, #CA709B, #216E98, #12072B)
- Periwinkle Coast color palette (#F6EBF0, #9ADEFF, #5FA8F8, #009190, #222955)
- Ultramarine Bloom color palette (#D4E5F0, #007DD8, #2D40DC, #37258E, #120025)
- Wandering Powder color palette (#FAF2F8, #CFE3FD, #7ACAEA, #64A88F, #314A62)
Browse the whole catalog at Explore, or see today's palette.