Petrol Station color palette — #E7F3F0 · #7DBEC1 · #008491 · #005A52 · #00242C

Cerulean and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E7F3F0): bright and airy, almost weightless.
• Mint Leaf (#7DBEC1): A luminous, dusty teal — the color of glacier melt.
• Cerulean (#008491): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005A52): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#00242C): 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

• Aged Studio color palette (#CFE4E1, #58AFC9, #007093, #004950, #001624)
• Weathered Cerulean Archive color palette (#E4F2F0, #91D0E0, #0094BA, #006B71, #003347)
• Sunlit Cobalt Summit color palette (#E2F2F1, #7BB9E5, #0078CA, #00556F, #021E45)
• Dusty Forest Villa color palette (#FCF1FB, #88DDDD, #0087AA, #005620, #000C21)
• Soft Plum Courtyard color palette (#E0E6F9, #555EEE, #B4008F, #00646F, #0A0D2D)
• Patina Sapphire color palette (#D1DEFA, #C3C0F9, #B68BE0, #3F67BC, #181E39)
• Weathered Cornflower color palette (#D8EEFF, #0092ED, #0066C3, #00368C, #111B4C)
• Soft Raspberry Boulevard color palette (#D2E1F7, #487BFF, #D30069, #1740C2, #380017)

Browse the whole catalog at Explore, or see today's palette.