Petrol Station color palette — #EAFAED · #7AC5D3 · #00799A · #00564F · #003754
Teal and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EAFAED): A whisper-light, dusty teal — the color of shallow lagoons.
- Sky (#7AC5D3): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#00799A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#00564F): A full-bodied, dusty teal — the color of glacier melt.
- Deep Teal (#003754): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, 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
- Sapphire Canyon color palette (#EDF9EF, #82C0E8, #076EC8, #005461, #182974)
- Faded Pier color palette (#F9EEF7, #80C8D7, #0079B4, #00543A, #080E4C)
- Weathered Hollow color palette (#DCE6DE, #62ABBD, #005F81, #003E3C, #00213A)
- Quiet Sky Garden color palette (#FEF4E3, #80ECFF, #00BCEC, #00998D, #003754)
- Frosted Azure color palette (#FFF2EC, #8BD9E8, #0096DB, #007652, #182972)
- Patina Navy Delta color palette (#D7E5DA, #4D88A7, #003F6A, #002226, #000526)
- Ultramarine Studio color palette (#F3F4FF, #DDBFFF, #DB89C7, #145DC0, #3E2C5C)
- Antique Lapis color palette (#EAECFF, #6345FF, #A83B00, #006240, #1E1A50)
Browse the whole catalog at Explore, or see today's palette.