Petrol Station color palette — #EDEFE4 · #7BBDCF · #0080A4 · #00585F · #002333
Built around Cerulean, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Cream (#EDEFE4): bright and airy, almost weightless.
- Cyan (#7BBDCF): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#0080A4): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#00585F): A full-bodied, dusty blue — the color of open sky before noon.
- Midnight (#002333): 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
- Hazy Cobalt color palette (#E9ECE3, #8BB6DD, #2374CD, #005474, #031A4D)
- Glacier Basin color palette (#E7FAF7, #6ADDFD, #0086AD, #005057, #000E19)
- Gentle Orchard color palette (#EDF0E7, #9ED1BE, #2E8DCF, #006881, #002E59)
- Denim Orchard color palette (#F4E5DD, #6FA9B9, #005D8A, #003F37, #071D44)
- Softworn Azure color palette (#F2E0EB, #65D0ED, #009CE3, #007E70, #071D44)
- Worn Delta color palette (#F6F6E8, #7ADFDA, #00A0A6, #007463, #003A41)
- Azure Canyon color palette (#F4F7E8, #BEE6D0, #2DA8DB, #00808F, #004567)
- Lagoon Orchard color palette (#F5F6EF, #CDE2DC, #81BDC7, #289990, #375142)
Browse the whole catalog at Explore, or see today's palette.