Emerald Harbor color palette — #FCEBFF · #BC7683 · #499250 · #007B7A · #28162C
Built around Fern, softened by Teal — the whole palette hums with nature and growth.
The five colors
- Blush (#FCEBFF): A whisper-light, dusty pink — the color of peonies in June.
- Dusty Rose (#BC7683): A luminous, balanced red — the color of late-summer berries.
- Fern (#499250): A full-bodied, balanced green — the color of new leaves after rain.
- Teal (#007B7A): A full-bodied, balanced teal — the color of sea glass.
- Deep Indigo (#28162C): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, 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
- Patina Lagoon Summit color palette (#FFEAFC, #C17670, #009196, #007889, #2C142A)
- Weathered Emerald color palette (#F2F0FF, #AA77B6, #5E8F3B, #2E7D44, #1F1934)
- Jade Boulevard color palette (#FFF1F1, #DA86AE, #33B183, #009B90, #4C2F2E)
- Amber Thicket color palette (#FFDDC5, #C26800, #008397, #0067A0, #281100)
- Hushed Rust color palette (#EADAD6, #C93300, #007847, #005B71, #210300)
- Misty Grape color palette (#FEF0FF, #C06C77, #A27000, #7B53A0, #433045)
- Worn Market color palette (#FFE0EA, #955C00, #006884, #004A93, #130800)
- Muted Cabin color palette (#FEECF4, #95B596, #9A6844, #75372F, #0E291B)
Browse the whole catalog at Explore, or see today's palette.