Quiet Harbor color palette — #E5FFD0 · #41E5B7 · #00A2AF · #02558E · #22065D
A conversation between Lagoon and Deep Indigo, giving this palette its sense of nature and growth.
The five colors
- Custard (#E5FFD0): A whisper-light, dusty green — the color of fresh herbs.
- Lagoon (#41E5B7): A whisper-light, balanced teal — the color of shallow lagoons.
- Cerulean (#00A2AF): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#02558E): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Indigo (#22065D): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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
- Glacier Villa color palette (#D8FFF3, #00E6F0, #3995DF, #3F4895, #370652)
- Softworn Villa color palette (#FFF9B0, #95E282, #009F83, #005968, #002340)
- Softworn Quarry color palette (#DDFFE8, #6EFEF6, #45B1DC, #5063A1, #3A1958)
- Ancient Onyx color palette (#E1F1EA, #0098A6, #00598B, #170052, #020005)
- Navy Alley color palette (#BBF5CC, #56B29D, #00727D, #004768, #002D71)
- Teal Corridor color palette (#E0F5E3, #00BBA9, #00728A, #002E70, #06001D)
- Aged Turquoise color palette (#8EF7F1, #5CDAE4, #2AAEC5, #0083A0, #00364E)
- Antique Mint Station color palette (#FFF0FE, #00D5AB, #4683BA, #7A3B3B, #002630)
Browse the whole catalog at Explore, or see today's palette.