Petrol Station color palette — #ECF4F1 · #E4D3D7 · #CAAEBF · #336A90 · #16241F

Peacock takes the lead with Rosewood Mist close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Silver (#E4D3D7): bright and airy, almost weightless.
• Rosewood Mist (#CAAEBF): A luminous, dusty pink — the color of neon signs at night.
• Peacock (#336A90): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#16241F): 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

• Worn Petrol color palette (#EFF6FC, #DAD7EB, #B0B1C7, #2A6C8A, #313C44)
• Worn Pewter color palette (#F9EFF1, #E2D3CC, #D7B6B2, #89509A, #2F2024)
• Cerulean Villa color palette (#F0F7F4, #E0D4D0, #A5A99C, #4C93B6, #23322C)
• Antique Hollow color palette (#F3E1F3, #9A9AC4, #86678A, #6A4600, #2F2709)
• Wandering Thicket color palette (#EAE5EA, #BEADBA, #A18492, #00447F, #100712)
• Softworn Alley color palette (#FAEEF5, #EACAD5, #CD9CA5, #573BC4, #26121F)
• Aged Mulberry color palette (#EFE7E8, #D8C7C6, #C2998F, #773974, #221013)
• Timeworn Driftwood color palette (#F7EFF3, #DED4D2, #BCB0A1, #9F7488, #3B3437)

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