Petrol Station color palette — #D7EEF2 · #008292 · #00434C · #001418 · #000102
A conversation between Teal and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Frost (#D7EEF2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#008292): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#00434C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#001418): A deep, shadowed, dusty blue — the color of open sky before noon.
- Black (#000102): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged monochrome, dark, 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
- Turquoise Ridge color palette (#C6F1FF, #00ADD1, #006D87, #003542, #00080C)
- Inked Pine color palette (#D0F1DE, #007D57, #00422C, #00150B, #000201)
- Cellar Sapphire color palette (#D3E5FF, #006EDC, #00317C, #00112C, #000106)
- Tempered Pine color palette (#D8EFFE, #1C7D0D, #3E3432, #00222E, #000306)
- Quiet Balcony color palette (#E9F3FF, #78B1FF, #0067CD, #003970, #000E25)
- Aubergine Delta color palette (#D9ECFF, #004675, #5E0057, #002316, #000104)
- Glacier Basin color palette (#E5F4FF, #90DAFE, #5395B4, #1A5169, #012335)
- Quiet Mallow Coast color palette (#EEF1FF, #C0AAFC, #816DB5, #463769, #18092E)
Browse the whole catalog at Explore, or see today's palette.