Petrol Station color palette — #F4F6EF · #C7E5E5 · #74A593 · #0A7C8E · #2B5348
A conversation between Teal and Eucalyptus, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F4F6EF): bright and airy, almost weightless.
- Silver (#C7E5E5): A whisper-light, dusty teal — the color of sea glass.
- Eucalyptus (#74A593): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#0A7C8E): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal Brown (#2B5348): A full-bodied, dusty teal — the color of sea glass.
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
- Petrol Canyon color palette (#EFEFE5, #80BEC1, #007682, #00504A, #00343F)
- Lagoon Orchard color palette (#F0F8ED, #BAE0E7, #9FC4E5, #4E9580, #495848)
- Patina Drift color palette (#F4F6F0, #C4E5D7, #5B90B8, #006D85, #2D4A67)
- Olive Station color palette (#EEFAE7, #6BA695, #4B91C1, #7B7B27, #3B4733)
- Washed Lagoon Lantern color palette (#E9FCE3, #BCD6B3, #349487, #005C52, #243C1D)
- Pine Balcony color palette (#F1F8EB, #81BFA6, #BD8F57, #008765, #624726)
- Wandering Navy color palette (#E7EBDD, #5687A6, #003F69, #00212C, #00091B)
- Softworn Drift color palette (#F9F5EB, #C0B89C, #898155, #6B5C32, #544700)
Browse the whole catalog at Explore, or see today's palette.