Petrol Station color palette — #EDF4F0 · #DBD1CE · #CAB4B1 · #387E9E · #262E2A

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

The five colors

• Cream (#EDF4F0): bright and airy, almost weightless.
• Oat (#DBD1CE): bright and airy, almost weightless.
• Rosewood Mist (#CAB4B1): A luminous, dusty orange — the color of autumn markets.
• Slate (#387E9E): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#262E2A): a grounded near-black with real depth.

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

• Hushed Petrol color palette (#F9EEF5, #E8D1CB, #E1B2AC, #6261AA, #2C2128)
• Cypress Bloom color palette (#EEF8F4, #E2D3D1, #C9B8BA, #517F70, #3E4B46)
• Ash Atelier color palette (#F0F6FB, #D9D9E2, #CCC0C3, #71A5C7, #394046)
• Ancient Workshop color palette (#DBE6E2, #AA9BA4, #8A7194, #003A5A, #000604)
• Wandering Cobalt color palette (#E8DCE7, #4A73BF, #482331, #1E101D, #030805)
• Patina Fern Study color palette (#E0F1DE, #96B8AE, #9D7A85, #59621A, #353C00)
• Olive Grove color palette (#F9F0EA, #CBAF82, #757A36, #6F4757, #312514)
• Nightshade Station color palette (#EEE7EA, #DAC6C7, #BF9A90, #5C4197, #1D1217)

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