Emerald Harbor color palette — #FFF2EE · #6DF2EE · #00BDE6 · #02A02A · #00345E
Kelly Green and Cyan set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Ice Blue (#6DF2EE): A whisper-light, balanced teal — the color of glacier melt.
- Cyan (#00BDE6): A luminous, balanced blue — the color of deep harbor water.
- Kelly Green (#02A02A): A luminous, vivid green — the color of a quiet forest floor.
- Navy (#00345E): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Energy. 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
- Ancient Hollow color palette (#FFF2EB, #97E8FF, #55B1FF, #009B7A, #252A69)
- Antique Pine color palette (#EADBD6, #8ECDCF, #00A0CE, #00833E, #021E42)
- Dusty Turquoise Courtyard color palette (#FEF4E4, #B1FFFB, #00AEBE, #007557, #002A35)
- Powder Hollow color palette (#FBF3F0, #C3EAE3, #73C8FA, #62AA84, #583D55)
- Worn Canyon color palette (#FFEBF8, #6ECECA, #008094, #00552F, #001D2C)
- Rose Garden color palette (#FFDADD, #FF8E9C, #00BEC4, #F61A5D, #003538)
- Antique Market color palette (#F3E6DF, #69ACBA, #007CB7, #006043, #02012D)
- Tempered Workshop color palette (#F1D8E1, #FF64AD, #00ACD4, #5E80D6, #430827)
Browse the whole catalog at Explore, or see today's palette.