Gentle Harbor color palette — #D9E1F2 · #5167E1 · #471FDA · #39008D · #150036
Iris takes the lead with Indigo close behind in a set that reads as creativity and energy at first glance.
The five colors
- Frost (#D9E1F2): A whisper-light, dusty violet — the color of a velvet chair.
- Sapphire (#5167E1): A full-bodied, vivid violet — the color of wild irises.
- Iris (#471FDA): A full-bodied, vivid violet — the color of wild irises.
- Indigo (#39008D): A deep, shadowed, vivid violet — the color of a velvet chair.
- Deep Indigo (#150036): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Creativity, Energy. 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
- Wandering Grove color palette (#E3E4F7, #7560D3, #6400C2, #450071, #200032)
- Softworn Coast color palette (#D3EAFF, #1B7BE7, #0045D9, #0F0095, #0E004C)
- Quiet Nightshade Market color palette (#DBE7F1, #0063CB, #3900B1, #290050, #220016)
- Hazy Lapis Quarry color palette (#CCE3F6, #3B7BFF, #5F39F9, #5A269B, #290036)
- Washed Lapis color palette (#D6DFEF, #5F7BFF, #4220D4, #210063, #010008)
- Antique Veranda color palette (#F8DAE9, #7763CB, #C00319, #4D00AF, #260001)
- Quiet Nightshade Grove color palette (#FFE8F1, #C0A3CF, #CE70C4, #5640B2, #1D0731)
- Neon Veranda color palette (#E8ECFF, #938DFF, #7D4FFF, #7000D3, #470E77)
Browse the whole catalog at Explore, or see today's palette.