Hushed Harbor color palette — #F4F4FF · #BFA3D0 · #C4896B · #846299 · #624254
A conversation between Slate and Caramel, giving this palette its sense of optimism and creativity.
The five colors
- Ivory (#F4F4FF): a clean, paper-quiet neutral.
- Mauve (#BFA3D0): A luminous, dusty violet — the color of a velvet chair.
- Caramel (#C4896B): A luminous, balanced orange — the color of autumn markets.
- Slate (#846299): A full-bodied, balanced violet — the color of a velvet chair.
- Cocoa (#624254): A full-bodied, dusty pink — the color of a candy shop window.
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 color palette (#F9F2FE, #D59EB2, #AB9856, #995D74, #365542)
- Wandering Villa color palette (#F4F4FF, #A989BC, #B37778, #537A9E, #414054)
- Weathered Turquoise Market color palette (#F6F3FE, #CBA0C5, #62A1C4, #8F6089, #335166)
- Patina Thicket color palette (#F1F1FB, #C0A8D2, #A0A065, #865DA1, #0A3A2A)
- Softworn Driftwood Terrace color palette (#F5F3FF, #E1D6DF, #DCB2B7, #8182A9, #545061)
- Timeworn Canyon color palette (#F5F4FF, #E3BFEB, #91709B, #64436E, #462D4C)
- Softworn Mulberry color palette (#FBF1FE, #D08799, #6A87CF, #A13E5E, #30406B)
- Timeworn Chapel color palette (#FFF1F6, #CEB9EB, #A6BB7B, #9E76CC, #4E4D46)
Browse the whole catalog at Explore, or see today's palette.