Petrol Pier color palette — #E6E7DB · #99BBA0 · #008397 · #005957 · #00242E

A conversation between Cerulean and Peacock, giving this palette its sense of nature and growth.

The five colors

• Parchment (#E6E7DB): bright and airy, almost weightless.
• Sage (#99BBA0): A luminous, dusty teal — the color of glacier melt.
• Cerulean (#008397): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005957): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#00242E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Petrol Pier 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

• Muted Cobalt Lantern color palette (#E7EAE1, #89B9D3, #007CB9, #005669, #00203D)
• Cerulean Atelier color palette (#EEF0E4, #A8CFB9, #2692BC, #006A76, #00324B)
• Cerulean Courtyard color palette (#E2FBF7, #7BDEE9, #00899E, #00514F, #000F15)
• Periwinkle Canyon color palette (#D3E8DB, #9DCEE8, #5AA8F5, #007987, #002735)
• Weathered Denim Field color palette (#EDEEDF, #5E9FA2, #00646F, #003C37, #000B10)
• Frosted Atelier color palette (#DCEBDF, #0097A8, #7A7A00, #005E69, #1C1C00)
• Timeworn Corridor color palette (#F5F6ED, #BDE7CA, #00ADD0, #008285, #00475E)
• Patina Sapphire Veranda color palette (#C7F5F8, #00858C, #395BD6, #326700, #001517)

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