Petrol Station color palette — #DFEBF6 · #0072A6 · #262C5F · #1A1921 · #000811
Built around Slate, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Frost (#DFEBF6): bright and airy, almost weightless.
- Slate (#0072A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#262C5F): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Ink (#1A1921): quiet, heavy and certain.
- Ink (#000811): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged noir, dark, luxury, muted.
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
- Washed Cypress Thicket color palette (#C7EBF4, #007B76, #00384A, #181C22, #00090C)
- Cellar Denim color palette (#D7F3E9, #005886, #352E36, #001737, #000302)
- Cornflower Loft color palette (#DFEFFF, #1295F9, #554F8E, #1C3751, #000910)
- Nocturne Denim Dune color palette (#DAEEFF, #00527E, #534B44, #17131B, #000513)
- Hushed Lilac color palette (#E9EFFF, #9491FF, #7A5884, #354061, #09121C)
- Gentle Cerulean color palette (#F4E5F0, #71BECC, #008EC1, #006F5B, #00132E)
- Shadow Thicket color palette (#D1E2FF, #3C46FF, #3F2158, #20171D, #020320)
- Dusty Violet Parlor color palette (#ECEFFF, #9567FF, #6B4467, #292E46, #02040B)
Browse the whole catalog at Explore, or see today's palette.