Hushed Harbor color palette — #FFF1F6 · #D0B9FF · #C5B207 · #9056E0 · #352F00

Amethyst and Gold set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Lavender (#D0B9FF): A whisper-light, balanced violet — the color of a velvet chair.
• Gold (#C5B207): A luminous, balanced green — the color of fresh herbs.
• Amethyst (#9056E0): A full-bodied, vivid violet — the color of twilight just after sunset.
• Espresso (#352F00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Energy, Balance. Tagged vibrant.

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

• Gentle Ridge color palette (#FFF1F4, #EAB7FF, #7CA84A, #935DA8, #1D2E08)
• Indigo Archive color palette (#FFF0FC, #B0C6FF, #F2990C, #5072E5, #432700)
• Chalky Grape color palette (#FFF1F5, #CFA0FF, #869700, #723BA1, #171B00)
• Frosted Mint color palette (#FFF1F2, #FFBBEC, #79D194, #B56EA2, #1A4227)
• Quiet Market color palette (#F3F4FF, #CEB6FF, #FF967C, #AB73FF, #6D1500)
• Worn Grape color palette (#F3F4FF, #9F7CE4, #957D00, #7400D5, #463A00)
• Dusty Periwinkle color palette (#F4F4FF, #EDD8DD, #AEC3B1, #69A7D6, #5A3640)
• Chartreuse Pier color palette (#FFF1F6, #5BFC9B, #7B4FB7, #35244E, #130209)

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