Petrol Station color palette — #D9F4F1 · #00BED6 · #009BD0 · #0070B3 · #112D66
Royal Blue takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.
The five colors
- Honeydew (#D9F4F1): A whisper-light, dusty teal — the color of shallow lagoons.
- Cyan (#00BED6): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#009BD0): A luminous, balanced blue — the color of a favorite pair of jeans.
- Royal Blue (#0070B3): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#112D66): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
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
- Aged Sapphire Summit color palette (#CEEFEF, #5DC9E9, #2EA8F2, #216FD2, #37386F)
- Hushed Station color palette (#D3EEF5, #02C2ED, #0083AA, #005172, #00253F)
- Dusty Harbor color palette (#D2ECF0, #00A3E2, #0078DD, #223BD4, #230A5F)
- Mint Alley color palette (#DDF2E3, #03C9A9, #009CA0, #007085, #003149)
- Lapis Atelier color palette (#D3E8F0, #59B5F9, #2F8AFD, #5D55E3, #371F5C)
- Azure Chapel color palette (#DAEBFF, #8CC4FF, #3099F5, #0065BC, #00152A)
- Wandering Teal Market color palette (#E9F5FF, #CFDCFF, #E8BAF6, #00B0B6, #1D304E)
- Feathered Amber Lantern color palette (#CDE1F1, #77CEFF, #D27000, #008CC4, #411F00)
Browse the whole catalog at Explore, or see today's palette.