Gentle Harbor color palette — #FFF0FD · #8DE4BF · #5E8AE7 · #3457A4 · #281026
Built around Azure, softened by Cobalt — the whole palette hums with creativity and calm.
The five colors
- Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
- Lagoon (#8DE4BF): A whisper-light, balanced teal — the color of sea glass.
- Azure (#5E8AE7): A luminous, balanced violet — the color of a velvet chair.
- Cobalt (#3457A4): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Indigo (#281026): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Creativity, Calm, Balance. Tagged luxury, dark, cool.
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
- Hazy Azure color palette (#E3FCF3, #99E3AF, #4095D0, #006195, #012119)
- Soft Iris Thicket color palette (#FFF0F8, #FFB9BE, #867CE8, #575196, #291120)
- Frosted Sapphire Canyon color palette (#FFF0FC, #D8B570, #3B63BE, #17347B, #281126)
- Wandering Indigo color palette (#EAD8E4, #F49BA8, #656EC9, #393C8E, #180212)
- Worn Meadow color palette (#EFF6FF, #FFD175, #3A64C7, #142A60, #010718)
- Softworn Aubergine color palette (#FEE8F0, #E8857E, #7950A7, #491B73, #090003)
- Timeworn Grove color palette (#EAF3FF, #00C58F, #254792, #0D1E43, #020713)
- Muted Wisteria color palette (#FAF3F5, #E5D6D3, #AFAD9E, #B887FB, #4C3A41)
Browse the whole catalog at Explore, or see today's palette.