Hushed Harbor color palette — #FFECEF · #D89BD7 · #80A97C · #8D5F8D · #31322B

Mauve and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFECEF): A whisper-light, dusty red — the color of late-summer berries.
• Mauve (#D89BD7): A luminous, balanced pink — the color of peonies in June.
• Moss (#80A97C): A luminous, dusty green — the color of a quiet forest floor.
• Slate (#8D5F8D): A full-bodied, balanced pink — the color of a candy shop window.
• Espresso (#31322B): 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

• Aged Pewter color palette (#F7F3FF, #CF9DC6, #83A46F, #965A8D, #25574E)
• Washed Blush Boulevard color palette (#FFEDE8, #EC999F, #5CABAD, #9D5C61, #233724)
• Weathered Canyon color palette (#FCEDF6, #A3ABFB, #B09B51, #666BA6, #34312A)
• Weathered Ash Pier color palette (#FFEDEE, #C384B6, #A18C42, #488290, #342123)
• Dusty Driftwood Harbor color palette (#F6F3FF, #E5B1DC, #D4A877, #AB79A3, #63424D)
• Peony Dune color palette (#FFEDEC, #EE56AC, #00997D, #972869, #00271E)
• Timeworn Bronze Boulevard color palette (#FEEEE4, #D5B497, #AE7349, #834428, #352A1C)
• Petal Atelier color palette (#FFEDED, #FBBBE0, #AB7393, #683E59, #341214)

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