Misty Pine Lantern color palette — #FEF0FE · #97D8DB · #009AC7 · #00783A · #00316A
A conversation between Pine and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Blush (#FEF0FE): A whisper-light, dusty pink — the color of peonies in June.
- Ice Blue (#97D8DB): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#009AC7): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#00783A): A full-bodied, balanced teal — the color of sea glass.
- Navy (#00316A): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Misty Pine Lantern 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
- Hushed Pine color palette (#FFF2EE, #B8FDFF, #00A9D8, #007837, #00234D)
- Cornflower Loft color palette (#FFF1F8, #8ED6F5, #278AFD, #007465, #2F2073)
- Chalky Cobalt Quarry color palette (#F3E7F2, #89BACC, #007FAD, #005D36, #031B4B)
- Washed Lagoon color palette (#FAF3F7, #D0DFF6, #78ABD5, #09906D, #3C456A)
- Timeworn Glacier color palette (#E6FCEA, #3EF5FB, #00BFDB, #009B7D, #00394C)
- Tempered Denim color palette (#EADAE4, #659CAE, #005A9B, #003D30, #06002B)
- Emerald Studio color palette (#E9DEC6, #B6AC00, #409200, #006D3E, #003935)
- Frosted Atelier color palette (#E1FFDC, #87EDD7, #7BC1FF, #9D7700, #00462B)
Browse the whole catalog at Explore, or see today's palette.