Petrol Harbor color palette — #DDFFED · #8FC4DF · #488BB9 · #276A9E · #654C67

Peacock takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#DDFFED): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#8FC4DF): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#488BB9): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#276A9E): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal Brown (#654C67): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Calm, Balance. Tagged muted, cool.

Use it as a design system

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

• Gentle Cobalt color palette (#EAF9F5, #8CB4DC, #C57FA5, #1D76BE, #664242)
• Azure Orchard color palette (#E6F9FF, #7FD0EC, #57A6E0, #5A7DB0, #414C63)
• Worn Cerulean color palette (#DCF7E2, #80C1D2, #1E8EAC, #006D91, #29594A)
• Patina Bloom color palette (#FFE2F7, #AAB0DF, #7F77B6, #66549D, #684252)
• Tempered Denim Study color palette (#FFF0FE, #E2C0E0, #6282B4, #2B4D86, #1D3458)
• Patina Loft color palette (#FDF0FD, #E8D4D8, #D6B4A5, #648FB5, #594556)
• Washed Lagoon Drift color palette (#FEF0FF, #6F9BCD, #A178AE, #14887E, #4B3D4D)
• Aubergine Dune color palette (#DCE6FF, #818EDB, #5D54C0, #4E2F9B, #402C64)

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