Petrol Station color palette — #EFF6FA · #D5D9E3 · #A9B5C2 · #007180 · #2C3E45
Built around Teal, softened by Charcoal — the whole palette hums with trust and stability.
The five colors
- Ivory (#EFF6FA): a clean, paper-quiet neutral.
- Silver (#D5D9E3): a clean, paper-quiet neutral.
- Ash (#A9B5C2): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007180): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#2C3E45): 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
- Lagoon Veranda color palette (#F0F7F1, #CCDDDF, #D6C0CE, #3B8E95, #343D36)
- Patina Denim color palette (#EEF6FF, #CAD3E5, #9DA4CB, #0058AD, #253445)
- Ancient Cobalt Ridge color palette (#F2F5FB, #DBD8DF, #B6A8A8, #6A81B4, #4E535B)
- Washed Delta color palette (#D9E1E5, #B1BAC2, #7B90AD, #004C60, #10222B)
- Ancient Cypress color palette (#ECF9F4, #85A583, #327153, #005755, #003F3A)
- Petrol Coast color palette (#D7E4EF, #006A9B, #162543, #001526, #02040D)
- Dusty Navy Grove color palette (#E5E8EF, #9699AA, #706D84, #201571, #040819)
- Washed Garnet color palette (#E1F5E5, #2894AE, #2E5A9A, #7B0608, #133449)
Browse the whole catalog at Explore, or see today's palette.