Hushed Harbor color palette — #E3FCF2 · #94C9A7 · #008883 · #4C5710 · #001F0E
Built around Teal, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#E3FCF2): A whisper-light, dusty teal — the color of shallow lagoons.
- Mint Leaf (#94C9A7): A luminous, dusty teal — the color of sea glass.
- Teal (#008883): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Olive (#4C5710): A full-bodied, balanced green — the color of new leaves after rain.
- Ink (#001F0E): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Hushed 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
- Lagoon Studio color palette (#E7FAF5, #A4DCDF, #42999F, #566B3E, #002E31)
- Tempered Thicket color palette (#EEF9EE, #B9C092, #478755, #005C68, #181B00)
- Worn Olive color palette (#FFF1F5, #C0BF84, #43893B, #724600, #1B1900)
- Teal Veranda color palette (#E5E6D3, #92C9A4, #00A989, #60804F, #252D0C)
- Weathered Lagoon color palette (#D6EAE5, #589F73, #006450, #2A401D, #001616)
- Jade Courtyard color palette (#FFF1F6, #C6F1DA, #84AB75, #458284, #243F32)
- Powdered Teal Boulevard color palette (#CDECD9, #0DC1A8, #008998, #004F6A, #002146)
- Pine Studio color palette (#D7F2E5, #518959, #00463E, #001D32, #000200)
Browse the whole catalog at Explore, or see today's palette.