Petrol Station color palette — #C9E6E5 · #397094 · #49416A · #341F00 · #0C0500

Slate and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Silver (#C9E6E5): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#397094): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#49416A): A full-bodied, dusty violet — the color of twilight just after sunset.
• Espresso (#341F00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#0C0500): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Ancient Basalt color palette (#DDF4FC, #465E80, #462A51, #181F00, #010700)
• Antique Study color palette (#DDE6D5, #14816C, #004D65, #3C0A00, #0F0400)
• Patina Aubergine Field color palette (#D9E1F0, #7275A1, #4F3079, #520027, #370004)
• Tempered Petrol color palette (#D2E9DF, #5197A7, #4D629D, #603500, #141E00)
• Patina Denim color palette (#D2E6F4, #6B98CF, #535995, #502345, #140006)
• Hushed Abyss Lagoon color palette (#EDDED7, #559699, #005265, #002D1C, #00050C)
• Mulberry Pier color palette (#E3F0FF, #90697F, #744665, #00371A, #001818)
• Hushed Coast color palette (#D4E5F2, #A17E96, #7C5878, #2D4B1F, #1A2304)

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