Hazy Petrol Harbor color palette — #DDE8DF · #6EAACD · #0068B4 · #004952 · #020B3E

A conversation between Cobalt and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Parchment (#DDE8DF): bright and airy, almost weightless.
• Cyan (#6EAACD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cobalt (#0068B4): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004952): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#020B3E): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Hazy 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

• Tempered Petrol color palette (#E0EFE3, #61B0BB, #00718D, #004B42, #001624)
• Dusty Petrol Veranda color palette (#ECF1DF, #83BFE3, #006DA8, #003C4B, #000309)
• Sunlit Cornflower color palette (#F5E5D8, #81B8D8, #2D81EA, #006C6F, #0E073D)
• Muted Thicket color palette (#EAD9E0, #309BCA, #003EA8, #00302C, #16053A)
• Sunlit Cobalt color palette (#E6F2E8, #8DCEEE, #008CDD, #006B74, #192D4F)
• Dusty Station color palette (#ECF9EF, #ACE6F8, #00A8E6, #008282, #194267)
• Timeworn Hollow color palette (#DCDEF4, #E09AE1, #DF6587, #564FA1, #250B28)
• Quiet Byzantium Archive color palette (#E4DCEF, #8A1DD1, #824D00, #005750, #0E001C)

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