Petrol Basin color palette — #E9EAE0 · #97BEA5 · #007793 · #004B4E · #001924

Teal takes the lead with Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#E9EAE0): bright and airy, almost weightless.
• Sage (#97BEA5): A luminous, dusty teal — the color of glacier melt.
• Teal (#007793): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004B4E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001924): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, 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

• Cerulean Boulevard color palette (#F1F3E8, #AED1BE, #3C85A8, #005A65, #00281E)
• Petrol Lantern color palette (#F7EAF3, #8BB9CE, #00719E, #005144, #082C5C)
• Denim Atelier color palette (#E5E9DB, #65A5C9, #005D92, #003746, #000B1C)
• Softworn Harbor color palette (#DCEFCB, #91D0C4, #64B6BC, #066B41, #001D19)
• Aged Delta color palette (#E9EDDE, #45819C, #00405F, #001E25, #000104)
• Pale Courtyard color palette (#F0F4E7, #A4D6FD, #3786D2, #005E7B, #012252)
• Washed Pine color palette (#D6E8DF, #007F5A, #00678A, #584C00, #000F07)
• Chalky Studio color palette (#AAF1D7, #00B38B, #00644D, #002E21, #000905)

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