Quiet Harbor color palette — #DCFFE9 · #00C7EA · #BA9EFF · #598F27 · #0F3321

Built around Olive Leaf, softened by Wisteria — the whole palette hums with nature and growth.

The five colors

• Honeydew (#DCFFE9): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#00C7EA): A luminous, balanced blue — the color of deep harbor water.
• Wisteria (#BA9EFF): A luminous, balanced violet — the color of wild irises.
• Olive Leaf (#598F27): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#0F3321): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Creativity, 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 Quarry color palette (#D5F8E9, #1CBAFB, #B88BCF, #579269, #142C23)
• Worn Periwinkle Meadow color palette (#E9FDDD, #00CFAD, #6DA6FF, #A08700, #00342A)
• Powder Quarry color palette (#FDF0FF, #81BEFF, #D297C3, #5C9F89, #3B2D3D)
• Softworn Periwinkle Corridor color palette (#EDF8F4, #EED4D1, #5CADE3, #AF9F91, #32443E)
• Weathered Peony Market color palette (#DDE3FF, #8999FF, #EE5897, #008C89, #151846)
• Hazy Delta color palette (#E8F8FF, #00BBCF, #D5698F, #9D4F00, #002024)
• Quiet Study color palette (#E9FAF1, #86DCFF, #75A5FF, #00AAD8, #2A1329)
• Ember Basin color palette (#E5FDE8, #00AAB2, #D35E25, #A0491F, #14331B)

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