Petrol Station color palette — #EDF4F0 · #DBD1CF · #D2B4B1 · #497D92 · #232F29

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 (#DBD1CF): a clean, paper-quiet neutral.
• Rosewood Mist (#D2B4B1): A luminous, dusty orange — the color of autumn markets.
• Slate (#497D92): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Forest (#232F29): 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

• Worn Terrace color palette (#EEF8F4, #E5D3D0, #CBB8BA, #4E7A96, #404B46)
• Washed Indigo color palette (#F7EFF4, #EAD2CB, #DDB4AE, #625FB1, #2D2128)
• Muted Lagoon color palette (#F4F2E9, #ADBA8F, #008782, #614D63, #242A16)
• Patina Denim color palette (#E5F6F2, #E8CADA, #C39CC5, #005DA0, #021F1A)
• Turquoise Villa color palette (#F0F6FB, #DADAE4, #CCC0C3, #6BA6CA, #384047)
• Washed Fern color palette (#E0F6DD, #C9B0CB, #A47984, #5F6318, #33342D)
• Dusty Studio color palette (#E2F0EB, #AA9AA5, #94707A, #003A59, #000604)
• Nightshade Grove color palette (#F0E6EA, #DAC5C7, #B99C95, #5A468B, #1D1217)

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