Misty Harbor color palette — #D4E6C4 · #00CC46 · #00A079 · #006562 · #000201
Built around Clover, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#D4E6C4): A whisper-light, dusty green — the color of a quiet forest floor.
- Clover (#00CC46): A luminous, vivid green — the color of new leaves after rain.
- Fern (#00A079): A luminous, balanced teal — the color of glacier melt.
- Pine (#006562): A full-bodied, dusty teal — the color of sea glass.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Energy, Balance. Tagged candy, vibrant, light.
Use it as a design system
One click turns Misty 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
- Jade Garden color palette (#E0E9DD, #00C38E, #009389, #005963, #000202)
- Frosted Emerald color palette (#E1E2CB, #A3B200, #409600, #006A3D, #000200)
- Pine Villa color palette (#EDEFDB, #358F50, #00482D, #062200, #000200)
- Dusty Drift color palette (#C2EDEF, #2F8800, #006A53, #00474F, #000201)
- Turquoise Orchard color palette (#E0E2D6, #4BB3C1, #005F71, #002B2B, #000102)
- Lagoon Ridge color palette (#D9F2ED, #00878B, #005D6E, #1A1840, #020009)
- Soft Seafoam color palette (#E0FEE9, #00EDED, #00B5D4, #0083BD, #000406)
- Soft Grape color palette (#D3E7EB, #007889, #7A00AE, #003139, #020005)
Browse the whole catalog at Explore, or see today's palette.