Misty Pine color palette — #FFF2EE · #ABE9E5 · #2DABCC · #2E8632 · #034271

Olive Leaf takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Sea Foam (#ABE9E5): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#2DABCC): A luminous, balanced blue — the color of deep harbor water.
• Olive Leaf (#2E8632): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#034271): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Muted Periwinkle Lagoon color palette (#FFF2EB, #AAE6F9, #5BA1E2, #00856B, #353A6B)
• Airy Forest color palette (#FAEBE6, #93D1D6, #1C92C0, #00703E, #0D2C5B)
• Feathered Harbor color palette (#FBF4EA, #A2F6F1, #00CEE0, #00AA7D, #004759)
• Ancient Fuchsia Archive color palette (#FAE1FF, #E780FC, #00AD8F, #25942A, #402346)
• Timeworn Driftwood Quarry color palette (#FBF3F0, #CEE6E2, #8FBDAB, #7F8C66, #614A5E)
• Antique Pier color palette (#EFE4DE, #549EB3, #005C96, #003D2E, #05002C)
• Antique Cobalt Coast color palette (#E7DCD6, #82BBD0, #3D77B6, #005B4C, #1A1745)
• Weathered Lapis Cabin color palette (#EDDFD2, #75A7D2, #4956CB, #004A4B, #1C0335)

Browse the whole catalog at Explore, or see today's palette.