Quiet Harbor color palette — #DAF5D3 · #00B8A6 · #3B81FF · #766C00 · #00200C

Azure and Turquoise set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#DAF5D3): A whisper-light, dusty green — the color of fresh herbs.
• Turquoise (#00B8A6): A luminous, balanced teal — the color of shallow lagoons.
• Azure (#3B81FF): A luminous, vivid violet — the color of wild irises.
• Olive (#766C00): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#00200C): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged jewel, vibrant.

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

• Gentle Jade color palette (#E7F7CF, #00B977, #0096CC, #956700, #111A00)
• Sunlit Orchid Boulevard color palette (#D4FBE4, #00B0D4, #A270FF, #367300, #001C18)
• Washed Orchid color palette (#D0F7EB, #27A3FD, #B54FC7, #007D57, #001507)
• Aqua Lantern color palette (#EBFAEE, #55D1DB, #989DE0, #84915F, #30342D)
• Ancient Wisteria Pier color palette (#E9F9F5, #7CBFFF, #C17FC1, #46927C, #1B3225)
• Aged Azure color palette (#D0E5F1, #009ED5, #2D5D84, #1B3C30, #000A05)
• Cornflower Boulevard color palette (#F1E4F1, #3A87FF, #AC369F, #006759, #000B05)
• Softworn Plum Coast color palette (#DDF9DC, #00998F, #BF0048, #8E0033, #1A1700)

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