Quiet Harbor color palette — #D6F0D7 · #00D57B · #00B277 · #007E61 · #00392E
Clover takes the lead with Jade close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#D6F0D7): A whisper-light, dusty green — the color of new leaves after rain.
- Clover (#00D57B): A luminous, vivid teal — the color of glacier melt.
- Jade (#00B277): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#007E61): A full-bodied, balanced teal — the color of sea glass.
- Deep Forest (#00392E): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Quiet 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
- Weathered Clover Lantern color palette (#E6EBDE, #39C710, #009764, #006456, #003D3D)
- Seafoam Coast color palette (#BDFFF3, #00E5C9, #00B19A, #00806F, #00241E)
- Sunlit Teal Station color palette (#C9EEE5, #00C6B9, #00A5A4, #00777C, #004047)
- Frosted Canyon color palette (#DCEBC7, #00D594, #EB8E00, #00A16F, #442500)
- Linen Moss Dune color palette (#E4E6D1, #4BA600, #007352, #00413C, #002328)
- Muted Lime Garden color palette (#E9ECDC, #9CBE00, #77A700, #407F00, #073A04)
- Washed Lime Boulevard color palette (#E0FC7C, #2DD72A, #009D70, #006253, #002628)
- Linen Field color palette (#F0FBD8, #9CE8C6, #4DCBA6, #4EA796, #41543C)
Browse the whole catalog at Explore, or see today's palette.