Emerald Harbor color palette — #E6F6F3 · #6F9760 · #197F8E · #365376 · #11221A

Moss and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E6F6F3): a clean, paper-quiet neutral.
• Moss (#6F9760): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#197F8E): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#365376): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#11221A): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.

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

• Taupe Station color palette (#E4F7F0, #8EB88D, #548470, #285774, #163130)
• Patina Mulberry color palette (#F4F6EE, #659878, #216F87, #72396F, #38342E)
• Tempered Lagoon Meadow color palette (#DCF3F2, #4F936B, #284042, #102221, #060E0D)
• Driftwood Drift color palette (#FAEDF8, #BD7975, #506794, #53406D, #1F1525)
• Softworn Boulevard color palette (#E8F9F7, #8BD0AB, #4C9DA2, #7D6592, #301F26)
• Washed Pewter color palette (#EAF5EF, #989158, #845576, #6F3C3A, #26151B)
• Wandering Mulberry color palette (#E8F6EE, #847B14, #863767, #612726, #0A1809)
• Worn Pewter Lantern color palette (#FEF3EB, #D19B7D, #817AB5, #8A5084, #3B3330)

Browse the whole catalog at Explore, or see today's palette.