Hushed Petrol Harbor color palette — #F4F6EF · #C8E3DB · #628CC2 · #006B93 · #583D55

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

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#C8E3DB): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#628CC2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006B93): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#583D55): A deep, shadowed, dusty pink — the color of a candy shop window.

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

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

• Softworn Workshop color palette (#F5F6EF, #C8E5D2, #4C95AE, #007076, #214D62)
• Worn Market color palette (#F7F1EA, #B8E8DB, #758BC7, #006A78, #3F2131)
• Wandering Cobalt color palette (#F3F7E9, #A8D4F6, #1B82D8, #006280, #1F3F6E)
• Dusty Corridor color palette (#FBF2F5, #D8DCF9, #8AA3E2, #388794, #40465F)
• Dusty Abyss Ridge color palette (#ECEEE4, #5288A3, #004161, #002129, #000A17)
• Plum Market color palette (#FFF2EE, #CD8A94, #6F84D2, #AB3452, #354068)
• Tempered Chapel color palette (#F5F7E5, #85C3CE, #007B92, #005556, #00394A)
• Denim Studio color palette (#DFE1D2, #84A992, #00617A, #003D41, #002332)

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