Petrol Basin color palette — #EAFAED · #86C3CF · #00799C · #005650 · #003656

A conversation between Teal and Navy, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EAFAED): A whisper-light, dusty teal — the color of shallow lagoons.
• Ash (#86C3CF): A luminous, dusty blue — the color of deep harbor water.
• Teal (#00799C): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005650): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#003656): 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

• Sunlit Balcony color palette (#EEF8F0, #92BEDD, #006BD1, #005462, #19247D)
• Cobalt Ridge color palette (#FEEBF9, #64CDDF, #007AB1, #005439, #050C51)
• Denim Dune color palette (#E8F4EA, #6FA9B9, #005F83, #003E3D, #00213C)
• Tempered Iris color palette (#E5F5FF, #B5D9FF, #918DFF, #00737B, #003B55)
• Cypress Loft color palette (#F1F7F2, #C7E0F2, #608FB6, #007078, #324967)
• Hushed Azure color palette (#FFF2EC, #8AD9E8, #0096DA, #007651, #1D2E64)
• Sky Balcony color palette (#FFF4E2, #86EBFF, #00BBF0, #00988F, #003656)
• Worn Plum Field color palette (#CCE9F4, #007D9C, #AE0083, #5C5400, #002935)

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