Hushed Harbor color palette — #DFE7FF · #6454C3 · #496200 · #390096 · #040700

Indigo and Iris set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#DFE7FF): A whisper-light, dusty violet — the color of wild irises.
• Iris (#6454C3): A full-bodied, vivid violet — the color of twilight just after sunset.
• Olive (#496200): A full-bodied, balanced green — the color of a quiet forest floor.
• Indigo (#390096): A deep, shadowed, vivid violet — the color of wild irises.
• Ink (#040700): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged warm.

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

• Nightshade Hollow color palette (#D8E5F9, #4264B7, #735100, #0800AD, #0A0500)
• Aubergine Market color palette (#E6E2FD, #8E4899, #4D6100, #5B0067, #040700)
• Feathered Bloom color palette (#E2DFEF, #8F4AFF, #747700, #6225B9, #060600)
• Aubergine Chapel color palette (#FCDEEB, #5D2CA9, #3B4400, #290057, #050700)
• Pale Archive color palette (#F3ECFE, #BF5CA8, #008A5D, #8E0078, #002113)
• Softworn Ember Harbor color palette (#D6DFFC, #C78FB8, #CA6234, #004E81, #160019)
• Softworn Grape Boulevard color palette (#DDDBF0, #CB8BEB, #3F9D2D, #7E00A7, #083301)
• Softworn Aubergine Terrace color palette (#EEEBFF, #158869, #490051, #2D141E, #0F0012)

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