Hushed Harbor color palette — #FFEED1 · #FFCDD9 · #3AF3D6 · #606C5B · #343932

Lagoon and Shell Pink set the tone — five colors that lean into sophistication.

The five colors

• Custard (#FFEED1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Shell Pink (#FFCDD9): A whisper-light, dusty red — the color of embers at dusk.
• Lagoon (#3AF3D6): A whisper-light, balanced teal — the color of sea glass.
• Pewter (#606C5B): A full-bodied, dusty green — the color of fresh herbs.
• Charcoal (#343932): a grounded near-black with real depth.

Feels like: Sophistication. Tagged neon, dark, vibrant, 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

• Celadon Harbor color palette (#DEF08F, #FFD0BF, #62E9FF, #5C6C60, #29302B)
• Hazy Chartreuse Meadow color palette (#FFE6D6, #FFC9EF, #95EE89, #6D722A, #33342E)
• Washed Boulevard color palette (#F1E7D4, #FFAE9C, #00D9D3, #136764, #1A2519)
• Glacier Delta color palette (#FFDDC2, #F0C6FF, #2BE4F2, #334C55, #2A3133)
• Wandering Coast color palette (#EDF8F3, #FED2C9, #7CAA96, #557567, #242E2A)
• Antique Stone color palette (#EFF7F4, #DED4D1, #94C7CA, #A4A99D, #4B5551)
• Linen Seafoam Harbor color palette (#F4EBDD, #00DBC7, #00A7D4, #00526A, #00190F)
• Antique Honey color palette (#E2E1D2, #FFC375, #A2CAFF, #675268, #2E262F)

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