Hushed Harbor color palette — #F1E4D9 · #86B7D9 · #5678EE · #006D6B · #1B003B

Periwinkle and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#F1E4D9): A whisper-light, dusty gold — the color of old brass.
• Sky (#86B7D9): A luminous, dusty blue — the color of deep harbor water.
• Periwinkle (#5678EE): A luminous, vivid violet — the color of a velvet chair.
• Teal (#006D6B): A full-bodied, balanced teal — the color of glacier melt.
• Deep Indigo (#1B003B): A deep, shadowed, balanced violet — the color of wild irises.

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

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

• Misty Cobalt Courtyard color palette (#EADDD6, #8FBCA4, #3186D8, #006F5B, #100045)
• Muted Ultramarine color palette (#DCE8DE, #82A6C4, #0066BD, #004854, #04004B)
• Muted Study color palette (#F6EDDF, #89BEE1, #0067BF, #003C46, #000015)
• Patina Periwinkle Garden color palette (#F7ECE4, #B2DFCC, #73A3FB, #009287, #2E2455)
• Linen Pine color palette (#F3E5E1, #8ACECD, #00A1C9, #008431, #001F40)
• Soft Navy color palette (#F5E3EA, #4193C1, #234196, #002C2A, #060017)
• Teal Thicket color palette (#FDF3ED, #BDEDFF, #7ABBFF, #00A98C, #363773)
• Hushed Plum color palette (#FBD5CE, #D56084, #009483, #B40057, #001410)

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