Gentle Harbor color palette — #DDFFEA · #DEC028 · #6284EF · #7D6A00 · #091157

Built around Periwinkle, softened by Saffron — the whole palette hums with nature and growth.

The five colors

• Honeydew (#DDFFEA): A whisper-light, dusty teal — the color of sea glass.
• Saffron (#DEC028): A luminous, balanced green — the color of a quiet forest floor.
• Periwinkle (#6284EF): A luminous, vivid violet — the color of wild irises.
• Walnut (#7D6A00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#091157): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged 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

• Mustard Veranda color palette (#DEFFE4, #EFB728, #0097D5, #876500, #002133)
• Muted Orchid color palette (#D8FFF4, #9FD628, #B26AF9, #4F6F00, #2C024A)
• Wandering Chartreuse Field color palette (#DCFEF6, #A8EE6A, #B095F9, #508700, #341F5B)
• Sapphire Veranda color palette (#EEDFBD, #998700, #3858FF, #584C00, #050050)
• Muted Apricot color palette (#FFF0F8, #FF924D, #00ACC9, #A74E00, #00232B)
• Mustard Orchard color palette (#F4E3C0, #D6B200, #00BFBD, #A18600, #003635)
• Pale Fuchsia Lantern color palette (#E4FBF8, #85D58C, #E27FCF, #278B3A, #3B1A34)
• Chalky Orchard color palette (#FFF5D5, #CBA92A, #436CEB, #8A41E0, #181200)

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