Misty Pine color palette — #F1E9C7 · #87A360 · #077750 · #2E3361 · #190323
A conversation between Pine and Moss, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F1E9C7): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#87A360): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#077750): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#2E3361): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#190323): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Balance. Tagged vintage, retro, muted.
Use it as a design system
One click turns Misty Pine 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 Field color palette (#E1E9D6, #45A578, #007173, #482959, #1C0013)
- Olive Pier color palette (#F4DEC8, #A89139, #507218, #00345A, #01051F)
- Ancient Pine Delta color palette (#E4EDD9, #548D54, #005E3F, #002F3D, #101230)
- Moss Pier color palette (#F8DDC4, #8C9F17, #258A8A, #654D72, #2A0B38)
- Abyss Boulevard color palette (#E4F3D8, #548A6F, #005C5F, #250F35, #060003)
- Patina Olive color palette (#F0E1CF, #636F17, #005341, #40083C, #1B0019)
- Emerald Field color palette (#CFE7E2, #56A070, #005B48, #412300, #000200)
- Worn Garden color palette (#ECEFD8, #6F9200, #1F5F00, #00300F, #000503)
Browse the whole catalog at Explore, or see today's palette.