Petrol Basin color palette — #ECF4F3 · #D5D9EC · #79A0C8 · #217594 · #27374B

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#ECF4F3): bright and airy, almost weightless.
• Silver (#D5D9EC): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#79A0C8): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#217594): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#27374B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Petrol Basin 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

• Worn Cypress color palette (#E8F5F7, #81C1BB, #9795CB, #00837C, #272F4B)
• Tempered Veranda color palette (#DEEDEA, #82BECD, #007794, #004B4F, #001925)
• Hushed Petrol color palette (#F9F4EF, #CBE6E9, #8199C7, #2C7B84, #624A58)
• Patina Lagoon Quarry color palette (#E0F6FE, #CCD8E8, #B3BEDD, #56968C, #263D46)
• Wandering Market color palette (#DDF8FD, #5FACA1, #6392C0, #74802B, #052D33)
• Antique Pier color palette (#E6F6F3, #98DEE5, #0093A8, #00625F, #002A35)
• Hushed Balcony color palette (#DDEAE8, #49989B, #00535C, #002C28, #000507)
• Driftwood Hollow color palette (#FDEDF5, #D0B1C0, #A37763, #774B40, #3A252E)

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