Quiet Harbor color palette — #E3FBFB · #E1EA82 · #4BD9A4 · #3B95BC · #24444C
A conversation between Aqua and Butter, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E3FBFB): A whisper-light, dusty teal — the color of shallow lagoons.
- Butter (#E1EA82): A whisper-light, balanced green — the color of fresh herbs.
- Aqua (#4BD9A4): A luminous, balanced teal — the color of glacier melt.
- Cerulean (#3B95BC): A luminous, balanced blue — the color of deep harbor water.
- Deep Teal (#24444C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged candy, vibrant, light.
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
- Chalky Lime color palette (#E5FBF6, #FFD389, #83C969, #009994, #164948)
- Sunlit Celadon color palette (#E6F9FF, #97FEB4, #10D0D1, #6692CA, #2A4655)
- Feathered Azure color palette (#DFF8F6, #FDDB8C, #63CAA8, #4E9DD4, #002930)
- Powdered Veranda color palette (#B4EFD1, #00C0AD, #009098, #00657D, #29465C)
- Softworn Stone color palette (#D7FAD5, #86C3BA, #6F8698, #6A586D, #574149)
- Washed Cypress Grove color palette (#E8FAF3, #95BB96, #3A826E, #416256, #2F4845)
- Airy Grove color palette (#EDF6FF, #00D7D3, #39ABF5, #8366B1, #243252)
- Lime Lantern color palette (#D5FFFA, #1ED332, #00A79B, #006EA9, #003235)
Browse the whole catalog at Explore, or see today's palette.