Petrol Station color palette — #EDF4EE · #C9DBDB · #D6B2D1 · #007985 · #182A1D

Teal and Carnation set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EDF4EE): bright and airy, almost weightless.
• Silver (#C9DBDB): a clean, paper-quiet neutral.
• Carnation (#D6B2D1): A luminous, dusty pink — the color of neon signs at night.
• Teal (#007985): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#182A1D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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 Cypress Corridor color palette (#EEF4EB, #C5DDD8, #A3C9B9, #007D67, #20281B)
• Timeworn Petrol Courtyard color palette (#F7EFF7, #E7D0D2, #D5B5BE, #3A6CAA, #2D1F2E)
• Muted Denim color palette (#E2ECE6, #BFD0CB, #B899AE, #005F73, #091A11)
• Cerulean Terrace color palette (#EAF8FE, #D4D9EC, #BEBCD3, #0098A7, #30434B)
• Washed Pine color palette (#F9F2DA, #8CB579, #007F56, #005761, #222200)
• Twilit Lantern color palette (#D1F6E8, #0073A5, #1E2452, #00150E, #000501)
• Hazy Market color palette (#A7F3F6, #7DB1DE, #7E67B8, #5E592C, #3A3400)
• Weathered Basin color palette (#E5F8E6, #009598, #98018F, #3E3B00, #1A1900)

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