Quiet Harbor color palette — #C9F4DD · #93AC70 · #2C9057 · #006C61 · #00555F

Built around Fern, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Honeydew (#C9F4DD): A whisper-light, dusty teal — the color of sea glass.
• Sage (#93AC70): A luminous, balanced green — the color of new leaves after rain.
• Fern (#2C9057): A full-bodied, balanced teal — the color of sea glass.
• Pine (#006C61): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#00555F): A full-bodied, dusty blue — the color of deep harbor water.

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

• Powdered Emerald color palette (#E4E3C7, #77BD7D, #009761, #005843, #00322C)
• Weathered Lagoon Garden color palette (#BCECE2, #71B793, #009390, #006073, #174967)
• Sunlit Olive Workshop color palette (#D4F2D4, #BDAF6B, #6D8527, #006834, #185141)
• Emerald Quarry color palette (#D9E8D3, #00A955, #007963, #004851, #192A49)
• Olive Bloom color palette (#DFFCFD, #C8DDF5, #B2BFF3, #768C40, #2F5359)
• Muted Chartreuse color palette (#F4F2BE, #98DD84, #48C597, #3F9B95, #355540)
• Timeworn Pine Alley color palette (#E2FBFB, #71AF8C, #BD6C8E, #00794B, #613045)
• Pale Onyx color palette (#D0F0E3, #00A0A4, #00617A, #003A6C, #321252)

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