Petrol Station color palette — #EBF3FB · #DBD3E8 · #C2B8E0 · #2B6EAD · #192633
Built around Slate, softened by Lavender — the whole palette hums with trust and stability.
The five colors
- Ivory (#EBF3FB): a clean, paper-quiet neutral.
- Silver (#DBD3E8): A whisper-light, dusty violet — the color of a velvet chair.
- Lavender (#C2B8E0): A luminous, dusty violet — the color of a velvet chair.
- Slate (#2B6EAD): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#192633): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Pewter Studio color palette (#F0F1F8, #DDD5DC, #CBB7BE, #786D99, #2A2B34)
- Muted Denim Courtyard color palette (#E5E9F1, #C8CAD9, #A99EB9, #2A4FA1, #0F1620)
- Muted Aubergine Villa color palette (#F1F0FE, #DBCEE2, #D59B8F, #7B3993, #1A162C)
- Driftwood Lagoon color palette (#C6EEFF, #90AAD2, #95649C, #005C4A, #003328)
- Dusty Cobalt color palette (#E7F4FF, #008CCC, #834C00, #244200, #0D1D00)
- Smoked Amethyst color palette (#D7DEF5, #663BF3, #42143D, #090E23, #00040A)
- Aubergine Terrace color palette (#E9E9F5, #A49BAF, #8E708B, #4A1271, #04030F)
- Grape Lantern color palette (#D5FCF2, #009FCE, #7F26C6, #2B4800, #011B3E)
Browse the whole catalog at Explore, or see today's palette.