Gentle Harbor color palette — #F7D8E0 · #9B02CA · #5C4100 · #00372C · #001E22

A conversation between Orchid and Bronze, giving this palette its sense of optimism and creativity.

The five colors

• Shell Pink (#F7D8E0): A whisper-light, dusty red — the color of embers at dusk.
• Orchid (#9B02CA): A full-bodied, vivid violet — the color of a velvet chair.
• Bronze (#5C4100): A deep, shadowed, balanced gold — the color of old brass.
• Deep Forest (#00372C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001E22): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Optimism, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Gentle 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 Plum Harbor color palette (#FBD7D7, #B50089, #4A4900, #00343E, #061B2C)
• Lapis Quarry color palette (#F4D8E8, #623AED, #713100, #0C3800, #002017)
• Muted Sapphire color palette (#F3DEED, #545EC4, #5B4100, #002E32, #000E10)
• Obsidian Lantern color palette (#F3DDDE, #930075, #2D3B00, #2F0E05, #170204)
• Wisteria Corridor color palette (#E2DEF6, #BB68C7, #00701F, #005126, #002523)
• Chalky Peony color palette (#FFF1F1, #C75E9A, #616A04, #00525C, #11354D)
• Midnight Courtyard color palette (#FFEAE7, #8A0043, #183200, #00171C, #02030D)
• Pale Amber color palette (#E2DEF1, #D27FD2, #CA630D, #377300, #00242D)

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