Petrol Basin color palette — #EBF3F7 · #D5D7E0 · #BEBAC8 · #32828B · #222E33

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

The five colors

• Ivory (#EBF3F7): bright and airy, almost weightless.
• Silver (#D5D7E0): bright and airy, almost weightless.
• Ash (#BEBAC8): soft and architectural.
• Teal (#32828B): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#222E33): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Patina Basin color palette (#E8F6ED, #93BDB4, #4E816C, #3D596A, #0B2E28)
• Timeworn Denim color palette (#EFF2F9, #DDD2DE, #BEB2C4, #5B5C9E, #1C202C)
• Abyss Terrace color palette (#DFE9ED, #97A1AD, #727A9B, #003D49, #000509)
• Cerulean Drift color palette (#F1F7F2, #D3DDDE, #CDBBB3, #1DA1AF, #3F4B42)
• Muted Dune color palette (#DAEAF6, #007EB4, #283048, #0A1721, #01080B)
• Worn Dune color palette (#E6F8E5, #42B0A8, #506AA0, #613E00, #0B2632)
• Aged Station color palette (#EAECF5, #B5B0C3, #97879A, #493081, #07091A)
• Ancient Mulberry color palette (#DFF7F9, #47A083, #8D4A77, #444400, #202000)

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