Hushed Harbor color palette — #F8F0EA · #ABD1C2 · #587EAF · #005B5D · #191C3F

Slate takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F8F0EA): a clean, paper-quiet neutral.
• Pistachio (#ABD1C2): A whisper-light, dusty teal — the color of sea glass.
• Slate (#587EAF): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005B5D): A full-bodied, dusty teal — the color of sea glass.
• Deep Indigo (#191C3F): 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 Hushed 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

• Aged Cobalt color palette (#F4F6F0, #AFCDC1, #2A7EBA, #005C73, #183C62)
• Dusty Cobalt Studio color palette (#FDEFE7, #64CBE8, #0079B4, #00524A, #011348)
• Forest Quarry color palette (#FFEEE5, #91E0DC, #0093A8, #006638, #00293C)
• Worn Denim Delta color palette (#ECDAD2, #55959F, #00506C, #002D22, #00040F)
• Softworn Petrol Harbor color palette (#E9F9F8, #DADDE8, #70ADDE, #007B98, #112F4F)
• Dusty Cypress color palette (#F8F0EB, #C7E5E5, #AC92AF, #327877, #422F3D)
• Jade Market color palette (#DDEBD9, #57A76C, #00735C, #00514C, #00292E)
• Hushed Navy Cabin color palette (#F8EBDF, #567D9A, #073287, #001F22, #01000A)

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