Quiet Harbor color palette — #E7F9FA · #6BD2AD · #2578C9 · #007558 · #000104
Built around Azure, softened by Mint Leaf — the whole palette hums with trust and stability.
The five colors
- Ivory (#E7F9FA): a clean, paper-quiet neutral.
- Mint Leaf (#6BD2AD): A luminous, balanced teal — the color of shallow lagoons.
- Azure (#2578C9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#007558): A full-bodied, balanced teal — the color of shallow lagoons.
- Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged duotone, 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
- Indigo Basin color palette (#E9F8FD, #00D4DC, #5668DC, #007176, #00000A)
- Pine Meadow color palette (#E7FAF8, #80D092, #008596, #007835, #000102)
- Dusty Cornflower color palette (#E7F9FC, #61EBD1, #5588DF, #008A77, #000514)
- Tempered Denim Study color palette (#E8F9FD, #00BAB3, #0063A4, #005A56, #000104)
- Muted Alley color palette (#EBF7FF, #50D5FF, #9F46ED, #007694, #030008)
- Hushed Aqua color palette (#D7FFF6, #2ACBD7, #0085A0, #00496A, #001432)
- Weathered Garnet Field color palette (#DEFFE5, #00B9BA, #0073A3, #780033, #00161A)
- Hushed Emerald color palette (#E1EEED, #85D289, #8781FF, #00A430, #060B21)
Browse the whole catalog at Explore, or see today's palette.