Emerald Harbor color palette — #E1E9C6 · #6D914D · #366643 · #1F4530 · #003248

Olive Leaf and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#E1E9C6): A whisper-light, dusty green — the color of fresh herbs.
• Olive Leaf (#6D914D): A luminous, balanced green — the color of fresh herbs.
• Pine (#366643): A full-bodied, dusty teal — the color of sea glass.
• Forest (#1F4530): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Teal (#003248): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Amber Station color palette (#F0DEC3, #A38900, #54582A, #2E4123, #003334)
• Lagoon Canyon color palette (#E0ECDF, #4B9370, #006758, #183C56, #271D48)
• Olive Drift color palette (#E2E8CC, #668B00, #335A00, #103500, #001E18)
• Softworn Bloom color palette (#F7EFC1, #9CBC8C, #868D74, #4B6B59, #325254)
• Antique Atelier color palette (#EDEEE3, #29B3B5, #00636B, #003F38, #00242B)
• Tempered Lantern color palette (#D7E8E3, #177673, #004A53, #131646, #19001E)
• Ancient Navy color palette (#F1EDDB, #94A369, #507D5D, #34457E, #351D48)
• Olive Cabin color palette (#E4E6D0, #2F8200, #983300, #154500, #330C00)

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