Petrol Basin color palette — #E2EBE4 · #60B0AE · #008391 · #006047 · #000B11

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

The five colors

• Parchment (#E2EBE4): bright and airy, almost weightless.
• Turquoise (#60B0AE): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#008391): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006047): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#000B11): 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

• Patina Spruce Station color palette (#ECE3EC, #46A3A0, #006279, #013F0A, #000A18)
• Quiet Market color palette (#DEF0F1, #42BCE5, #6298ED, #007F6C, #000F18)
• Cobalt Meadow color palette (#E0ECE3, #62AAD3, #0076CC, #005B67, #010427)
• Weathered Coast color palette (#C7ECF7, #009093, #D3002D, #006163, #140001)
• Washed Cerulean Parlor color palette (#C2EDF4, #009CB4, #007080, #00434E, #000203)
• Hushed Hollow color palette (#E8E8D5, #358784, #004548, #00201A, #000202)
• Worn Veranda color palette (#E5EEE6, #8DC8ED, #2494FC, #007A8C, #101C41)
• Byzantium Drift color palette (#C8EFF3, #007E87, #A200B0, #715300, #000203)

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