Emerald Harbor color palette — #FFF5DA · #B0C57D · #5A984D · #815787 · #354014
A conversation between Olive Leaf and Pistachio, giving this palette its sense of nature and growth.
The five colors
- Custard (#FFF5DA): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#B0C57D): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#5A984D): A luminous, balanced green — the color of fresh herbs.
- Slate (#815787): A full-bodied, balanced pink — the color of a candy shop window.
- Deep Olive (#354014): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, 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
- Patina Terrace color palette (#F7F7DE, #88CD9E, #169C7E, #59649E, #1E442C)
- Moss Balcony color palette (#E5FCEF, #CCE490, #5BA74A, #85578C, #0B362C)
- Dusty Fern color palette (#F4F6EC, #BACCA4, #549F94, #8A6861, #344B05)
- Olive Drift color palette (#F7EACD, #A5B464, #4D8A28, #903D35, #2B3200)
- Quiet Courtyard color palette (#FFF4E0, #95AD71, #1A7C53, #584184, #314115)
- Hushed Jade color palette (#E7FBEA, #C5D893, #39C177, #947BB6, #363F15)
- Tangerine Coast color palette (#FFE5D7, #EE7417, #00A883, #7E67D8, #4F2101)
- Weathered Jade color palette (#E8E9CE, #59A576, #00715B, #633347, #00220F)
Browse the whole catalog at Explore, or see today's palette.