Emerald Harbor color palette — #D9E8B0 · #8DBD88 · #0E9960 · #006958 · #003639
Fern and Mint Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#D9E8B0): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint Leaf (#8DBD88): A luminous, balanced green — the color of new leaves after rain.
- Fern (#0E9960): A luminous, balanced teal — the color of shallow lagoons.
- Pine (#006958): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Forest (#003639): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Frosted Lagoon Coast color palette (#BBF6CB, #6CC0A5, #009792, #006674, #003A4D)
- Linen Forest Study color palette (#F3DEA3, #B5B56C, #688E34, #006F29, #003A27)
- Emerald Chapel color palette (#D9E4D3, #4FA062, #007058, #004643, #00171A)
- Misty Chartreuse color palette (#EDFFAB, #9CE380, #24A070, #005F4F, #002829)
- Feathered Delta color palette (#E0F5E4, #83B169, #008C74, #663F8D, #113A1D)
- Chartreuse Alley color palette (#F0E7D9, #B1D266, #3FB980, #008688, #00354C)
- Washed Cabin color palette (#EFF7F5, #D0DCDF, #AFC2CC, #688F26, #2B403A)
- Quiet Boulevard color palette (#E5F6F3, #6FA569, #007BAB, #78287A, #432100)
Browse the whole catalog at Explore, or see today's palette.