Petrol Station color palette — #E7F6F1 · #F2D7DD · #D4B4C7 · #1B70AC · #182924

Built around Slate, softened by Rosewood Mist — the whole palette hums with trust and stability.

The five colors

• Ivory (#E7F6F1): bright and airy, almost weightless.
• Shell Pink (#F2D7DD): A whisper-light, dusty red — the color of a theater curtain.
• Rosewood Mist (#D4B4C7): A luminous, dusty pink — the color of peonies in June.
• Slate (#1B70AC): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#182924): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Indigo Field color palette (#FBEEF4, #E5D1CD, #D4B7B9, #6E5CA9, #2C2127)
• Timeworn Summit color palette (#F0F6FC, #DAD8E6, #B7BAD2, #2171A2, #36414B)
• Patina Denim Canyon color palette (#EEE6EE, #D9C4D2, #B29DA6, #265591, #1D111D)
• Timeworn Cypress color palette (#EDF4ED, #C3DEDB, #A7C8BB, #007A7D, #1B291C)
• Dusty Azure Loft color palette (#EEF8F4, #E5D3CD, #B8BDAF, #479BCB, #293933)
• Driftwood Workshop color palette (#F9EFF1, #E0D5CF, #B4AFA0, #9C777F, #3D3335)
• Wandering Lilac Dune color palette (#D2E2FF, #ADA0EE, #936694, #545049, #352C01)
• Gentle Field color palette (#FFEAFE, #237BFD, #A30066, #493500, #001D18)

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