Petrol Station color palette — #CBE5E7 · #007886 · #004B5C · #00242F · #050C1C
Teal and Deep Teal set the tone — five colors that lean into trust and stability.
The five colors
- Silver (#CBE5E7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#007886): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004B5C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#00242F): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#050C1C): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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
- Ancient Lagoon Studio color palette (#C1EBE2, #008B92, #005D73, #003450, #001128)
- Hushed Pine color palette (#CEEFDA, #00855F, #00533F, #002821, #001116)
- Quiet Villa color palette (#D4ECFC, #006EAE, #004376, #001D48, #130030)
- Washed Aubergine color palette (#D6EDE2, #006889, #7C0082, #003243, #1F0021)
- Tempered Aubergine Terrace color palette (#CCE7F5, #005473, #520099, #003A29, #000910)
- Washed Cornflower Harbor color palette (#DBF0FF, #71ABED, #6477D3, #004154, #00162A)
- Weathered Chestnut color palette (#ECE1CA, #7A6612, #483500, #291800, #0E0B00)
- Pale Ultramarine Workshop color palette (#D6E1F6, #5D7BDE, #3E47BA, #351E8A, #2C1C5B)
Browse the whole catalog at Explore, or see today's palette.