Misty Pier color palette — #D2ECBA · #7CB076 · #007739 · #005134 · #00362A
A conversation between Pine and Jade, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#D2ECBA): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#7CB076): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#007739): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#005134): A deep, shadowed, balanced teal — the color of glacier melt.
- Deep Forest (#00362A): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged cool.
Use it as a design system
One click turns Misty Pier 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
- Misty Pine color palette (#FBEDD0, #96AD50, #008025, #004236, #001D20)
- Timeworn Teal Loft color palette (#AFF6D1, #55AF93, #00796B, #004E4D, #003438)
- Powdered Olive Alley color palette (#EFE2AA, #9E9D5A, #626F00, #334D00, #00382B)
- Chalky Lime color palette (#E0EAD4, #8DD470, #5DB170, #008F5B, #003628)
- Emerald Harbor color palette (#F1E0AA, #A7B95E, #3A9A3B, #006B54, #003B3C)
- Olive Drift color palette (#F7F5ED, #D4DCD1, #B3B5A3, #5D6C00, #3C3B34)
- Hushed Basalt Boulevard color palette (#D7EACC, #9CB49C, #5A8068, #494E76, #512F4D)
- Weathered Hollow color palette (#E4FEDC, #A7C5A6, #328F99, #006478, #27436B)
Browse the whole catalog at Explore, or see today's palette.