Emerald Harbor color palette — #D4FEE5 · #B5C495 · #5E914C · #246440 · #00372D
A conversation between Olive Leaf and Pine, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D4FEE5): A whisper-light, dusty teal — the color of glacier melt.
- Pistachio (#B5C495): A luminous, dusty green — the color of fresh herbs.
- Olive Leaf (#5E914C): A luminous, balanced green — the color of fresh herbs.
- Pine (#246440): A full-bodied, balanced teal — the color of sea glass.
- Deep Forest (#00372D): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Softworn Stone Harbor color palette (#FFF3E7, #C5BA76, #678B5E, #176753, #004E56)
- Dusty Lagoon color palette (#CFFDF8, #8BCBB3, #0C9A92, #00626A, #003445)
- Tempered Pine color palette (#E7F6EA, #A9B36D, #3E8A5D, #4E4C79, #19312C)
- Emerald Boulevard color palette (#DEEDD4, #27A863, #00674F, #003B38, #001014)
- Gentle Villa color palette (#FFECF4, #DBB98B, #9E8322, #5D5C03, #223100)
- Ancient Lagoon Orchard color palette (#D3E6D8, #008B76, #00514F, #00242B, #00050A)
- Wandering Boulevard color palette (#EDF4F0, #CFD9DA, #A7AFB9, #668D7B, #303834)
- Airy Clover color palette (#D4F0A4, #68B858, #008557, #005144, #002425)
Browse the whole catalog at Explore, or see today's palette.