Hushed Petrol Harbor color palette — #C7F3F1 · #619FBA · #4F6FA9 · #693538 · #3C1800

A conversation between Slate and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#C7F3F1): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#619FBA): A luminous, dusty blue — the color of open sky before noon.
• Slate (#4F6FA9): A full-bodied, balanced violet — the color of wild irises.
• Cocoa (#693538): A deep, shadowed, dusty red — the color of late-summer berries.
• Espresso (#3C1800): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

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

• Chalky Corridor color palette (#D0F4E5, #4AA7A6, #1D7093, #65294B, #4E010E)
• Weathered Corridor color palette (#C6E8FB, #759CE3, #685997, #692900, #291C00)
• Muted Drift color palette (#C1EAEC, #5CC1E8, #5381C6, #9E4248, #582A00)
• Cocoa Market color palette (#C9E8FE, #9E7F99, #7E5967, #603400, #291D00)
• Faded Market color palette (#DDFFE8, #57D4EC, #7D87D8, #7A552C, #4B2B00)
• Gentle Station color palette (#D7F3DB, #70AA7D, #007D7C, #6F3800, #314000)
• Tempered Corridor color palette (#E8E9F8, #845992, #683450, #272300, #020E00)
• Tempered Meadow color palette (#E5F8E8, #B2CDC3, #9D8A97, #8F4F32, #603900)

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