Petrol Harbor color palette — #DFECEB · #94B8D4 · #0070B2 · #00485C · #001631

Slate and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DFECEB): bright and airy, almost weightless.
• Ash (#94B8D4): A luminous, dusty blue — the color of deep harbor water.
• Slate (#0070B2): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#00485C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#001631): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Timeworn Cypress color palette (#E1ECE9, #8ABDCB, #007A81, #004C42, #001A1E)
• Patina Station color palette (#E7F5F5, #A8CCEE, #3B7BD1, #005678, #0F203A)
• Timeworn Cerulean color palette (#E0F5F2, #3697B3, #00516C, #002B30, #00050B)
• Worn Byzantium Garden color palette (#F4E0E9, #C06200, #9F1FC1, #6D3500, #21002A)
• Taupe Station color palette (#D5F2D4, #D5C392, #A7A346, #8A5418, #241800)
• Aged Chestnut Thicket color palette (#F5E5EB, #A87C4E, #7F4300, #512100, #001402)
• Mulberry Cabin color palette (#F9E4EA, #945D00, #356F00, #8E0042, #1C000B)
• Tempered Quarry color palette (#DCEDEB, #90BAD2, #00749F, #004A54, #001829)

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