Quiet Harbor color palette — #C8EFDD · #00A3D7 · #9274D6 · #008D64 · #003424

Lavender Blue and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#C8EFDD): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#00A3D7): A luminous, balanced blue — the color of deep harbor water.
• Lavender Blue (#9274D6): A luminous, balanced violet — the color of a velvet chair.
• Fern (#008D64): A full-bodied, balanced teal — the color of glacier melt.
• Deep Forest (#003424): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Airy Coast color palette (#D0EDD7, #00A9B9, #6E81DC, #388D29, #003238)
• Timeworn Pier color palette (#ECF7FF, #19B3F6, #A67DE2, #219273, #051D2E)
• Lagoon Bloom color palette (#DCFEF5, #76AADC, #B283C7, #009B8C, #164038)
• Frosted Hollow color palette (#F2DCF4, #5299E2, #A76FBC, #008A7F, #38213C)
• Cobalt Study color palette (#DCEAD0, #00AF8A, #0093D1, #827A00, #003428)
• Tempered Thicket color palette (#E4EFFF, #3289FE, #C900DD, #007F7C, #002150)
• Brick Coast color palette (#D2ECDB, #00889F, #BE3228, #745500, #173222)
• Peony Coast color palette (#FFE2F0, #9F86F3, #E94A8E, #008AB1, #332559)

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