Petrol Station color palette — #E3F7F4 · #72CADE · #007E9C · #005154 · #001D2A
Cerulean takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#E3F7F4): A whisper-light, dusty teal — the color of sea glass.
- Sky (#72CADE): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#007E9C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005154): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#001D2A): 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
- Wandering Cobalt Field color palette (#E1F7F6, #92C1EA, #1D71CB, #004D6A, #00104E)
- Petrol Orchard color palette (#FFF2EC, #70C6D9, #0077A5, #005749, #00306A)
- Washed Cerulean color palette (#F5F7E9, #99D6E3, #009CBD, #007275, #00384C)
- Timeworn Grove color palette (#D5E6E5, #4B7F9D, #003F65, #001E27, #000104)
- Denim Cabin color palette (#DBE9E7, #60A8BE, #00617F, #00383E, #000C16)
- Peony Harbor color palette (#F4DAEE, #CE44B8, #007AAF, #820072, #001827)
- Washed Studio color palette (#FFEAE0, #C87636, #933E00, #631800, #1E0D00)
- Grape Coast color palette (#FFE5F1, #C4168A, #9B4B00, #4A13D5, #210014)
Browse the whole catalog at Explore, or see today's palette.