Seafoam Harbor color palette — #E8F9F9 · #7DDAB1 · #5595CD · #3D9370 · #1A2531
Lagoon takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#E8F9F9): bright and airy, almost weightless.
- Lagoon (#7DDAB1): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#5595CD): A luminous, balanced blue — the color of a favorite pair of jeans.
- Fern (#3D9370): A luminous, balanced teal — the color of shallow lagoons.
- Midnight (#1A2531): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged duotone, muted, cool.
Use it as a design system
One click turns Seafoam 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
- Misty Seafoam color palette (#EBF8FB, #37DEDB, #9E7DC9, #219290, #222331)
- Hushed Cerulean color palette (#EEF8F3, #C4CB7F, #00A1B8, #81872D, #112731)
- Dusty Lagoon color palette (#F3F6F0, #A8F9E0, #729FE1, #00A183, #1A0D1A)
- Aged Forest color palette (#EBF8F8, #7BC193, #526DA9, #00733F, #1A2434)
- Patina Aqua color palette (#FFF0F9, #00CBC7, #598ABE, #8B523F, #24414F)
- Ancient Clover Alley color palette (#F4F6EE, #B0E5B6, #B99DEA, #4DBC64, #331C26)
- Aged Amethyst color palette (#E0F7FB, #00C5B4, #7B4CF6, #007A6F, #0A0E2B)
- Antique Corridor color palette (#EDF7FA, #D6DBE4, #BDC0D3, #599D98, #414A4C)
Browse the whole catalog at Explore, or see today's palette.