Gentle Harbor color palette — #F7E9FA · #C8205C · #007448 · #004D5D · #302033

Magenta Rose takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F7E9FA): A whisper-light, dusty pink — the color of a candy shop window.
• Magenta Rose (#C8205C): A full-bodied, vivid red — the color of a theater curtain.
• Pine (#007448): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#004D5D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#302033): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, 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

• Quiet Coast color palette (#FFE6F6, #C03E00, #00706D, #144675, #32202C)
• Dusty Dune color palette (#F1EBFF, #B1329D, #566B00, #005048, #2A2138)
• Feathered Brick color palette (#FFF0FD, #BC0025, #005D42, #003552, #1D1830)
• Soft Plum color palette (#EFE4F7, #B04C7F, #007379, #004C5F, #180722)
• Misty Ember Ridge color palette (#DBF7E0, #D55B23, #755400, #004954, #422733)
• Faded Atelier color palette (#FFE8E7, #D0649D, #009296, #006B89, #3C1B1B)
• Chestnut Dune color palette (#FAF2F8, #E5D5D4, #A9B8A9, #84564B, #43363F)
• Washed Amber color palette (#FFF1F6, #C17F40, #4A899B, #4F5F80, #4A373E)

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