Petrol Station color palette — #E2F1FF · #0071B0 · #824700 · #00395D · #100500

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

The five colors

• Frost (#E2F1FF): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#0071B0): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#824700): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Navy (#00395D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#100500): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Balance. Tagged 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

• Antique Ultramarine color palette (#E2EEFF, #1954B7, #574800, #002364, #040300)
• Feathered Villa color palette (#CBEBFB, #00788E, #A6002C, #003D4A, #180002)
• Timeworn Nightshade color palette (#D3E1F7, #3A64C7, #784E00, #0110A2, #0E0600)
• Airy Azure color palette (#E3F3EE, #289EED, #945200, #00578A, #2B1400)
• Feathered Aubergine color palette (#E4E7F7, #7354B8, #635900, #430087, #0A0800)
• Timeworn Mulberry Pier color palette (#DBEDFD, #0073B3, #9C0077, #003C61, #340126)
• Soft Emerald Corridor color palette (#D1F9EA, #279CD9, #289211, #005379, #010B00)
• Gentle Nightshade Thicket color palette (#DEE8FF, #6F74F3, #896E00, #3E00D1, #1D1500)

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