Emerald Harbor color palette — #ECF8F3 · #9CCFEF · #BCA774 · #639752 · #004D49

Olive Leaf takes the lead with Camel close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#ECF8F3): bright and airy, almost weightless.
• Sky (#9CCFEF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Camel (#BCA774): A luminous, dusty gold — the color of honey in a jar.
• Olive Leaf (#639752): A luminous, balanced green — the color of a quiet forest floor.
• Forest (#004D49): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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

• Ancient Lagoon Lantern color palette (#FBF2F9, #B9C5F1, #9AB47B, #009C8C, #1B475F)
• Patina Lagoon color palette (#FCF3EE, #ECBBA5, #B9AA68, #599764, #004C50)
• Driftwood Station color palette (#FDF2F1, #EBB6CA, #D8987A, #97872F, #41433C)
• Amber Corridor color palette (#F2F5FE, #CCC2FF, #C38D52, #187A75, #09404A)
• Washed Stone color palette (#F3F7ED, #D3E4C7, #A5BE9D, #81A397, #475140)
• Feathered Amber Veranda color palette (#F0E5D7, #C28000, #607F00, #005F50, #00141E)
• Pine Study color palette (#FAF2F8, #9EB0E0, #B67979, #3E793D, #553651)
• Feathered Grove color palette (#FFF2EA, #FF9869, #B29700, #008E31, #00383A)

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