Emerald Harbor color palette — #DDE0CC · #74C572 · #EC7F41 · #189D20 · #461A00

Kelly Green and Tangerine set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#DDE0CC): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#74C572): A luminous, balanced green — the color of a quiet forest floor.
• Tangerine (#EC7F41): A luminous, balanced orange — the color of toasted spice.
• Kelly Green (#189D20): A luminous, vivid green — the color of new leaves after rain.
• Espresso (#461A00): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged warm.

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

• Marigold Bloom color palette (#D3E5C9, #33C9AD, #D09400, #009880, #382500)
• Dusty Blush Chapel color palette (#E5DEC2, #AFB844, #FF6578, #838A00, #500617)
• Clover Dune color palette (#E8F1D1, #07BD69, #00A6C8, #A68100, #002711)
• Amber Meadow color palette (#EEDEC9, #C8AE79, #BA8216, #975B00, #302100)
• Teal Dune color palette (#EEFAE7, #83E0CB, #E3B662, #00B89E, #563E0B)
• Aged Stone color palette (#D7E2D2, #ABC476, #008C7C, #00554B, #030F00)
• Misty Wisteria Atelier color palette (#DCE1CC, #5AAE6C, #BE66C2, #00702D, #46004A)
• Pale Alley color palette (#ECFAD5, #B4F2DE, #54DED9, #50B356, #003827)

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