Hushed Harbor color palette — #FFF1F3 · #D6A4D4 · #80B47E · #A367A1 · #2D4B2D

Built around Dusty Rose, softened by Jade — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Mauve (#D6A4D4): A luminous, balanced pink — the color of neon signs at night.
• Jade (#80B47E): A luminous, balanced green — the color of new leaves after rain.
• Dusty Rose (#A367A1): A full-bodied, balanced pink — the color of a candy shop window.
• Deep Olive (#2D4B2D): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Raspberry Chapel color palette (#FFF2F0, #EC9DB5, #45BAAF, #BA5E7D, #004E48)
• Misty Courtyard color palette (#F6F3FF, #FEB9FB, #7FD18B, #B46BB2, #05423E)
• Cobalt Quarry color palette (#FFF0F9, #A9B0FC, #B5A64F, #7377C4, #4B4310)
• Pale Balcony color palette (#FFF1F4, #B390C0, #3F9E72, #8C3BA7, #174E35)
• Wisteria Archive color palette (#FFF1F2, #D189C1, #AC9849, #3494A9, #4D2E31)
• Dusty Basalt Boulevard color palette (#FFF2EA, #D5B89D, #B2836C, #8B5A53, #553600)
• Muted Basin color palette (#FFF1F2, #E9D5D1, #DDC39F, #B88A9A, #614747)
• Pewter Grove color palette (#FFF2EE, #D9C192, #9E5A65, #5B3830, #2E1C18)

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