Petrol Station color palette — #DCEFF1 · #5D9E99 · #137580 · #313F69 · #141937

A conversation between Teal and Navy, giving this palette its sense of trust and stability.

The five colors

• Frost (#DCEFF1): A whisper-light, dusty blue — the color of open sky before noon.
• Eucalyptus (#5D9E99): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#137580): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#313F69): A deep, shadowed, dusty violet — the color of wild irises.
• Midnight (#141937): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged vintage, retro, 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

• Washed Petrol Veranda color palette (#BCE8F0, #86AAB7, #457E90, #404A6C, #23233D)
• Lagoon Meadow color palette (#D2ECE2, #00957D, #006C62, #003A38, #001717)
• Ancient Cerulean color palette (#D6F4FE, #96C3DA, #6489A5, #565878, #3A3649)
• Timeworn Delta color palette (#CAEDF3, #009388, #856600, #00524B, #191100)
• Pale Navy color palette (#D5F5FF, #30759E, #00428C, #370042, #1C0016)
• Sapphire Courtyard color palette (#E0ECEB, #94B8D8, #0069C9, #004762, #021239)
• Wandering Teal Drift color palette (#E8F5DB, #6AA58B, #4F7760, #5D3D39, #4F251F)
• Sunlit Cerulean color palette (#F7FAC1, #92D4B1, #2C93A4, #854648, #3D223B)

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