Petrol Harbor color palette — #D5F0DC · #007886 · #00374E · #0D1E1F · #000A03

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

The five colors

• Honeydew (#D5F0DC): A whisper-light, dusty teal — the color of sea glass.
• Teal (#007886): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#00374E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#0D1E1F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000A03): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, muted.

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

• Moonless Denim color palette (#DCF9E2, #005E67, #3A3B47, #001835, #000401)
• Timeworn Cerulean Delta color palette (#DCF0F6, #00A2C3, #285E86, #1E3C2C, #010A02)
• Muted Periwinkle Lagoon color palette (#F9E5FB, #4EA4FF, #5E648A, #4B3C4C, #05150F)
• Wandering Sky Grove color palette (#E8F6EF, #43C6FC, #867587, #4A5852, #1E2320)
• Weathered Cornflower color palette (#F5DAF2, #4984FF, #524D78, #3A2938, #000604)
• Sapphire Coast color palette (#F1E6F1, #0067CF, #2C2C57, #100111, #000201)
• Softworn Cerulean Bloom color palette (#D5EEF2, #0096B9, #006F9E, #004780, #001047)
• Frosted Cornflower color palette (#E8DED0, #6FB9EA, #2183E9, #006A7C, #060D39)

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