Hushed Harbor color palette — #F9F2FF · #B85787 · #9B1C61 · #2A4A00 · #181E7D
A conversation between Raspberry and Indigo, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F9F2FF): bright and airy, almost weightless.
- Fuchsia (#B85787): A full-bodied, balanced rose — the color of a warm blush.
- Raspberry (#9B1C61): A full-bodied, vivid rose — the color of pressed rose petals.
- Deep Olive (#2A4A00): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Indigo (#181E7D): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, 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
- Misty Balcony color palette (#F0F5FF, #5C77D0, #A0125A, #2E4900, #002777)
- Soft Villa color palette (#FEF0FF, #C74F62, #655B00, #224B00, #252170)
- Mulberry Villa color palette (#EBF7FF, #008AB1, #9E1264, #3C4500, #003645)
- Peony Market color palette (#FFEDED, #C848A9, #AD050E, #4D3300, #1A0247)
- Misty Terracotta Studio color palette (#EDF2FF, #6F6BBC, #8E3200, #004632, #271E5E)
- Magenta Meadow color palette (#F6F3FF, #E25DDB, #D32D43, #774A00, #2B216B)
- Plum Ridge color palette (#EBE3FF, #B31EA4, #604700, #003A43, #41003B)
- Aubergine Market color palette (#E7FAF3, #85AF8B, #007B66, #6A3C70, #1F4426)
Browse the whole catalog at Explore, or see today's palette.