Hushed Harbor color palette — #F4DAE3 · #F07593 · #D10030 · #7E0700 · #441700

A conversation between Crimson and Rose, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#F4DAE3): A whisper-light, dusty rose — the color of a warm blush.
• Rose (#F07593): A luminous, balanced red — the color of embers at dusk.
• Crimson (#D10030): A full-bodied, vivid orange — the color of autumn markets.
• Oxblood (#7E0700): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#441700): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged vibrant, 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

• Gentle Chapel color palette (#FFE1E3, #F5736E, #BC3700, #682F00, #361C00)
• Plum Lantern color palette (#FAEBF5, #E776B5, #C51C6A, #890026, #4C0005)
• Scarlet Canyon color palette (#F5E8F2, #E863AA, #D80031, #7B3200, #593300)
• Rose Coast color palette (#FFE3EE, #FF8EA4, #F92544, #B41C00, #632D0A)
• Hushed Brick Station color palette (#FFEBFB, #E86D62, #00949F, #AD0412, #00262A)
• Powdered Bloom color palette (#FDD7F1, #D79B77, #AC6200, #654500, #362800)
• Gentle Harbor color palette (#FFEBFA, #EADFC0, #DCBE73, #B6385D, #411C07)
• Gentle Villa color palette (#FFD7F3, #CE5940, #008C4C, #4346DA, #320500)

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