Hushed Harbor color palette — #FFF0F7 · #F2CCD2 · #D3B3AE · #9A9173 · #4C5302

Built around Deep Olive, softened by Caramel — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Shell Pink (#F2CCD2): A whisper-light, dusty red — the color of embers at dusk.
• Rosewood Mist (#D3B3AE): A luminous, dusty orange — the color of sun-warmed clay.
• Caramel (#9A9173): A luminous, dusty green — the color of new leaves after rain.
• Deep Olive (#4C5302): A full-bodied, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged vintage, retro, 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

• Hushed Lagoon color palette (#FFEFEB, #DFC1AF, #B49F84, #518A85, #275440)
• Worn Basalt Quarry color palette (#F8F6E5, #D5D9AE, #85BA9C, #A2869F, #434600)
• Driftwood Villa color palette (#EAEDFF, #B2AAC8, #A0717F, #346051, #1E3938)
• Dusty Stone Corridor color palette (#EAF8FF, #DED6EF, #BFB0D9, #5A828E, #314F58)
• Tempered Chestnut Ridge color palette (#F2D5E8, #B36974, #955332, #115D35, #001615)
• Misty Study color palette (#ECE3F0, #F19BC7, #DF857F, #5A8042, #004B39)
• Cypress Veranda color palette (#FFE5E4, #C59175, #978555, #0B6E76, #00314B)
• Pale Mint color palette (#FFF1F1, #F9B3DE, #6DD5AB, #CC84B1, #0A4F38)

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