Hushed Harbor color palette — #FFF1F6 · #BCA0E7 · #92A15B · #7B6898 · #4E4D46

Mauve takes the lead with Moss close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mauve (#BCA0E7): A luminous, balanced violet — the color of a velvet chair.
• Moss (#92A15B): A luminous, balanced green — the color of new leaves after rain.
• Slate (#7B6898): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal Brown (#4E4D46): quiet, heavy and certain.

Feels like: Nature, Growth, 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

• Pewter Drift color palette (#FEEDF2, #BEA9D4, #9DA166, #7E6598, #33312A)
• Dusty Blush color palette (#FFF1F1, #E492B9, #4FAC95, #9B5B7A, #44523B)
• Tempered Iris Delta color palette (#F3F4FF, #CFB9EB, #AFB781, #997EB8, #2C5748)
• Frosted Chapel color palette (#FDF0FE, #7FB3F3, #B89061, #53759E, #6C4300)
• Lilac Workshop color palette (#FFF1F5, #AF81D3, #AF7F47, #3E847F, #503C42)
• Ancient Hollow color palette (#FFF1F4, #E0B8ED, #9671A9, #5E446A, #4E2F37)
• Tempered Lilac color palette (#F3F4FF, #DBCCFB, #7FD8DF, #B495ED, #2A5461)
• Ancient Bronze color palette (#FCF4E5, #C4B794, #9C7A37, #7E5312, #524800)

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