Hushed Harbor color palette — #FDF1F8 · #A8ABE5 · #A47E9F · #8F5757 · #1D4D3C

A conversation between Mauve and Pewter, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Mauve (#A8ABE5): A luminous, balanced violet — the color of a velvet chair.
• Dusty Rose (#A47E9F): A luminous, dusty pink — the color of neon signs at night.
• Pewter (#8F5757): A full-bodied, dusty red — the color of a theater curtain.
• Forest (#1D4D3C): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Creativity, Sophistication. Tagged 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

• Tempered Powder color palette (#FCF2F6, #B7A6DF, #AD7B92, #8E5A46, #513852)
• Lilac Delta color palette (#FCEDF5, #9A8FDC, #655259, #40343A, #261F24)
• Weathered Fern color palette (#EEF8F2, #64A2B7, #935C7B, #555804, #044A5C)
• Linen Rust color palette (#FFECF0, #B57DC1, #B04C5A, #005875, #27205B)
• Lilac Coast color palette (#FFF1F6, #D2B7EA, #B790C9, #87648C, #6D484D)
• Hushed Mallow Ridge color palette (#FFF1F3, #CE9ECF, #B77979, #327091, #59354A)
• Weathered Coral color palette (#FFF2EE, #E1878B, #AB723A, #646100, #114324)
• Worn Orchard color palette (#FFF1F6, #E6C4CC, #C4A9AC, #B1724E, #76420C)

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