Petrol Station color palette — #DBE3DC · #9EB6B4 · #78A1A5 · #008189 · #09180C
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Bone (#DBE3DC): bright and airy, almost weightless.
- Ash (#9EB6B4): A luminous, dusty teal — the color of sea glass.
- Blue Fog (#78A1A5): A luminous, dusty blue — the color of deep harbor water.
- Teal (#008189): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#09180C): A deep, shadowed, dusty green — the color of new leaves after rain.
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
- Weathered Petrol color palette (#E8F3EE, #B69EA6, #8C95C0, #006B96, #000D07)
- Worn Abyss color palette (#E8F1F5, #93A3AA, #5F8196, #003E44, #000508)
- Ancient Abyss color palette (#DCE7DC, #A8B9B1, #AC88A4, #005F5F, #081808)
- Washed Abyss Veranda color palette (#E4F1F4, #B7D4E9, #97A7C2, #005958, #000304)
- Muted Lantern color palette (#D0EAF2, #669BC9, #696CB1, #7C3D2A, #2A1800)
- Antique Study color palette (#F3EED6, #7AA75C, #008743, #00645B, #061400)
- Aged Garnet Alley color palette (#F7EDDF, #009AAC, #006BB5, #890022, #000E14)
- Indigo Canyon color palette (#F6EBF2, #CDBBB9, #BE9F97, #6F74D4, #291A24)
Browse the whole catalog at Explore, or see today's palette.