Quiet Harbor color palette — #EFF9E9 · #BDFDB0 · #79E6C8 · #3CB2CD · #034A45
A conversation between Mint and Lagoon, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EFF9E9): A whisper-light, dusty green — the color of fresh herbs.
- Mint (#BDFDB0): A whisper-light, balanced green — the color of new leaves after rain.
- Lagoon (#79E6C8): A whisper-light, balanced teal — the color of shallow lagoons.
- Cyan (#3CB2CD): A luminous, balanced blue — the color of deep harbor water.
- Forest (#034A45): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Calm, Softness. Tagged candy, vibrant, light, 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
- Wandering Mint Courtyard color palette (#F4F7E8, #DDE694, #8FDA8F, #36B5A9, #383A33)
- Periwinkle Boulevard color palette (#EBF9EF, #89FFE7, #61E4F8, #73B2F5, #214030)
- Wandering Lagoon Study color palette (#F9F4EE, #BCEAE5, #74AEC9, #338A85, #1E5246)
- Powdered Seafoam Grove color palette (#E7F9FC, #ECEF85, #3BF8BF, #86C1FF, #264752)
- Turquoise Corridor color palette (#B2EFE8, #5CD2DB, #1BA6BB, #007494, #1C4E40)
- Feathered Grove color palette (#DEFFE3, #00ECB3, #00CBD3, #008FDD, #002F35)
- Soft Archive color palette (#EEFAE7, #E6D689, #63D5B3, #3088DC, #28442C)
- Timeworn Workshop color palette (#E7F9FB, #B0E2EA, #2AC7E4, #A9B0CD, #0A3139)
Browse the whole catalog at Explore, or see today's palette.