Petrol Station color palette — #EFE6ED · #67C4CD · #007696 · #004D38 · #00172C

Teal takes the lead with Aqua close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#EFE6ED): bright and airy, almost weightless.
• Aqua (#67C4CD): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007696): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004D38): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#00172C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Tempered Petrol color palette (#F7ECE7, #7DBEC3, #007298, #00532C, #0E2C5A)
• Cobalt Loft color palette (#F4E4E9, #89B9E2, #4966B5, #004A53, #160B37)
• Hushed Denim Courtyard color palette (#F2E2EA, #5AA8C5, #005B97, #003A37, #02022F)
• Weathered Study color palette (#FEECF5, #94DAFF, #4585CF, #006263, #1C2145)
• Antique Coast color palette (#F5F6EA, #ADF4FC, #00A3BC, #006A67, #00232D)
• Tempered Turquoise color palette (#F7EFF5, #D3D2EB, #69A5C3, #457479, #2A3746)
• Cerulean Corridor color palette (#EFDFE8, #1585A1, #003F63, #00201C, #00000A)
• Dusty Nightshade color palette (#D6E3D5, #468FCE, #2336AB, #002B31, #050018)

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