Washed Petrol Harbor color palette — #EEF4ED · #CCDFF2 · #7D8CB6 · #186976 · #242A46

Peacock and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EEF4ED): bright and airy, almost weightless.
• Powder Blue (#CCDFF2): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#7D8CB6): A luminous, dusty violet — the color of wild irises.
• Peacock (#186976): A full-bodied, dusty blue — the color of deep harbor water.
• Midnight (#242A46): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Antique Petrol Lagoon color palette (#EEF7F7, #CCDFF2, #648CC3, #006A94, #36476B)
• Cornflower Garden color palette (#FFECF3, #ABD5F8, #547EDC, #00616A, #231B4D)
• Denim Corridor color palette (#F5E9F1, #69A7B7, #005F8A, #003A32, #000923)
• Hushed Cerulean color palette (#E8F3FF, #DAD4E4, #EBB3BF, #4B90A7, #263247)
• Pale Cobalt Studio color palette (#C1EAF0, #5BB5DC, #297CB7, #38518F, #232446)
• Antique Powder Atelier color palette (#F3F6EF, #C5DCED, #99BDF2, #4F89AC, #51334D)
• Navy Courtyard color palette (#F0DFE7, #507F97, #003B73, #001F1F, #01000B)
• Softworn Alley color palette (#E9F3FF, #77A6E3, #B5814C, #3465A4, #3B2000)

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