Hushed Harbor color palette — #FFF1F2 · #D99AC6 · #D1947A · #808FC7 · #533B3C

Mauve and Slate Blue set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Mauve (#D99AC6): A luminous, balanced pink — the color of peonies in June.
• Camel (#D1947A): A luminous, balanced orange — the color of toasted spice.
• Slate Blue (#808FC7): A luminous, balanced violet — the color of a velvet chair.
• Cocoa (#533B3C): A deep, shadowed, dusty red — the color of a theater curtain.

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

• Washed Taupe Dune color palette (#FFF2ED, #E19D95, #B8A460, #AC80B4, #48403D)
• Hushed Apricot Bloom color palette (#F9F2FF, #FFB0D5, #F2A771, #9C9CCE, #3E3346)
• Antique Boulevard color palette (#FFF1F1, #F8C3DE, #C389A8, #8A5972, #522B2C)
• Weathered Lagoon Bloom color palette (#FFF1F0, #C2819E, #759559, #008A75, #543B3A)
• Ancient Workshop color palette (#FFF2EB, #DFC5B2, #B8927B, #A26242, #6A3A00)
• Blush Field color palette (#FFE3EA, #ED6694, #C87B00, #8665D0, #4C1F2E)
• Tempered Summit color palette (#F6F3FF, #EBB0E7, #94D08F, #73BFB2, #443F50)
• Timeworn Bronze Orchard color palette (#FFF2ED, #F0C8A6, #AD694F, #77391F, #332925)

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