Petrol Station color palette — #EFE8DD · #8DC0AD · #2B6DB1 · #004A55 · #071138
Built around Slate, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Parchment (#EFE8DD): a clean, paper-quiet neutral.
- Mint Leaf (#8DC0AD): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#2B6DB1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004A55): A deep, shadowed, dusty blue — the color of open sky before noon.
- Deep Indigo (#071138): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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
- Petrol Lantern color palette (#EFE8DE, #9DBD9D, #007988, #004D3B, #001923)
- Wandering Cobalt color palette (#F8F1E6, #A4D3C6, #607BB0, #00586F, #1A1C3D)
- Aged Canyon color palette (#F5EBF0, #94B6D1, #3E61BF, #00504D, #312450)
- Tempered Teal color palette (#E9E2D8, #57ACAF, #006373, #003B2F, #000D14)
- Muted Lagoon color palette (#E8E2D9, #248887, #00444C, #002016, #000202)
- Muted Veranda color palette (#E9E5C6, #829B21, #6844A5, #3F4D00, #190036)
- Feathered Archive color palette (#E5F4D3, #537900, #0061A3, #83233E, #060D00)
- Weathered Cypress color palette (#F5F1EA, #C6E4E7, #AE91AD, #4F755F, #442E3E)
Browse the whole catalog at Explore, or see today's palette.