Petrol Basin color palette — #E8F9F7 · #68C7DD · #007A98 · #005559 · #00384E
Teal takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#E8F9F7): bright and airy, almost weightless.
- Sky (#68C7DD): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007A98): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005559): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Teal (#00384E): 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 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
- Hushed Cobalt Lantern color palette (#FEEBF9, #7DC8DB, #007AAE, #005347, #00173F)
- Washed Cobalt color palette (#E6FAF9, #8DBEE4, #006FC4, #00526D, #072F6A)
- Timeworn Denim Villa color palette (#E1F3F1, #64AAC0, #00607F, #003D44, #002235)
- Quiet Sky Hollow color palette (#F4F7E6, #8EE9FF, #00BCE9, #00969E, #00384E)
- Soft Azure Harbor color palette (#FFF2EC, #89D9EC, #0097D4, #007463, #002F6E)
- Patina Navy color palette (#D3E5E4, #4788AF, #003F68, #00212B, #00091B)
- Dusty Thicket color palette (#DBE4FF, #5974FF, #00836C, #2B19D8, #00372C)
- Amethyst Grove color palette (#E7E8FC, #6848F6, #B10076, #005C6E, #201A4E)
Browse the whole catalog at Explore, or see today's palette.