Misty Summit color palette — #E2EDDD · #28B962 · #00885F · #00624D · #00312E
Clover and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#E2EDDD): A whisper-light, dusty green — the color of a quiet forest floor.
- Clover (#28B962): A luminous, vivid teal — the color of sea glass.
- Fern (#00885F): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#00624D): A full-bodied, balanced teal — the color of sea glass.
- Deep Forest (#00312E): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Misty Summit 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
- Moss Harbor color palette (#EDF4D3, #70AB06, #018F25, #005F32, #003328)
- Feathered Clover color palette (#E2EBD5, #67C059, #00A472, #007E71, #003A3C)
- Soft Mint color palette (#B8F6C1, #4DCE88, #008B5F, #005843, #001F19)
- Raspberry Courtyard color palette (#D6E4C8, #2EC49A, #CF157F, #007559, #47112C)
- Teal Lantern color palette (#CDF4EF, #00B0B6, #007F91, #00566B, #003248)
- Teal Quarry color palette (#C2F8E5, #60D5C4, #00ADAC, #007C87, #2A503D)
- Feathered Pier color palette (#ECF8E3, #7FEFF1, #46C2FD, #358855, #21371F)
- Hushed Boulevard color palette (#F5EEDF, #B4A000, #727A00, #425C00, #173806)
Browse the whole catalog at Explore, or see today's palette.