Petrol Station color palette — #EBF3F8 · #D7D6E1 · #BFB9C7 · #577A91 · #262D32
Slate and Ash set the tone — five colors that lean into sophistication.
The five colors
- Ivory (#EBF3F8): a clean, paper-quiet neutral.
- Silver (#D7D6E1): bright and airy, almost weightless.
- Ash (#BFB9C7): A luminous, dusty violet — the color of twilight just after sunset.
- Slate (#577A91): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Onyx (#262D32): quiet, heavy and certain.
Feels like: 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
- Aged Pewter color palette (#F1F1F9, #E2D0DE, #C1B1C4, #725789, #1F1F28)
- Patina Studio color palette (#EFF7F3, #DFD4D1, #C6B8B6, #397D9C, #3D4B45)
- Worn Powder Lantern color palette (#D1EBFF, #AAB7E8, #87819D, #466256, #283E35)
- Washed Abyss Alley color palette (#D9E1E8, #97A0B2, #75799A, #003A5B, #00050C)
- Washed Studio color palette (#E4F7F2, #8EC1A7, #29857E, #40586A, #0F2D2D)
- Tempered Basalt color palette (#E7E6F2, #B8AFBF, #998798, #593162, #0B0816)
- Glacier Archive color palette (#E9F3FF, #52EDFC, #96C0FF, #A27ABE, #1C263F)
- Wandering Sapphire Corridor color palette (#D8E3F3, #386DDD, #2C2F46, #0F1621, #03070B)
Browse the whole catalog at Explore, or see today's palette.