Emerald Harbor color palette — #FFF0FE · #71F0F6 · #00BBF1 · #219D55 · #10325E
Kelly Green takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
- Ice Blue (#71F0F6): A whisper-light, balanced teal — the color of sea glass.
- Cyan (#00BBF1): A luminous, balanced blue — the color of a favorite pair of jeans.
- Kelly Green (#219D55): A luminous, balanced teal — the color of sea glass.
- Navy (#10325E): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Emerald 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
- Periwinkle Parlor color palette (#FFF0F8, #A5E4FF, #6BADFF, #009A85, #2E2A5F)
- Aged Harbor color palette (#ECDBE9, #5FD3E0, #009ED8, #0D8150, #081C45)
- Ancient Cerulean color palette (#FFF4E2, #63E0E7, #009DB7, #007460, #00384D)
- Worn Powder color palette (#FCF2F8, #D4D9F8, #8DC4F1, #6CA690, #3A4863)
- Gentle Mint Canyon color palette (#E3F3E8, #00D1AD, #00A4AB, #007FA5, #003658)
- Quiet Tangerine color palette (#D0F9FD, #00BBC7, #FC6426, #B37300, #002A2D)
- Wandering Aqua Harbor color palette (#BBF1FF, #41D9FC, #00AAC9, #007A94, #001C25)
- Antique Boulevard color palette (#FFEEE5, #81CACE, #007E9C, #00543B, #001C31)
Browse the whole catalog at Explore, or see today's palette.