Hushed Harbor color palette — #EFF7F5 · #E2D3D1 · #CAB7BB · #4A78A3 · #3F4A47

A conversation between Slate and Stone, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Silver (#E2D3D1): bright and airy, almost weightless.
• Stone (#CAB7BB): A luminous, dusty red — the color of late-summer berries.
• Slate (#4A78A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#3F4A47): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Driftwood Station color palette (#FAF3F7, #E3D7D7, #B2AEA4, #99758C, #585055)
• Ancient Meadow color palette (#EBF4F1, #DFD0CC, #C7B5B4, #508071, #272E2B)
• Patina Grape Orchard color palette (#FDF2F6, #ECD4CF, #DDADB5, #7C51AD, #4C3A41)
• Iris Ridge color palette (#FEF0FC, #C9E5FF, #A0BCFF, #827DC6, #4B2F45)
• Ultramarine Lantern color palette (#FEF1FA, #E5C9DA, #C09AAD, #354BBE, #3D2D39)
• Navy Balcony color palette (#F0E5EF, #B7A2B2, #787AA8, #00317C, #1B0F1A)
• Worn Chestnut Meadow color palette (#FEE4F0, #D9B1BC, #AA7D81, #8E502E, #5E4B00)
• Hushed Indigo color palette (#F1DEEC, #5968BF, #452639, #2A1825, #130A0D)

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