Misty Pier color palette — #E4FBF9 · #72B086 · #AB71AD · #007A40 · #553457

A conversation between Pine and Dusty Rose, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E4FBF9): A whisper-light, dusty teal — the color of glacier melt.
• Jade (#72B086): A luminous, balanced teal — the color of glacier melt.
• Dusty Rose (#AB71AD): A luminous, balanced pink — the color of peonies in June.
• Pine (#007A40): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#553457): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Peony Grove color palette (#E2FAFF, #59B1A5, #C06B84, #00766B, #632F3F)
• Tempered Iris Delta color palette (#E8FBEE, #AE9F67, #9776C9, #796400, #4B3667)
• Misty Azure color palette (#EFF5E1, #62B981, #4591DE, #007941, #341E37)
• Feathered Terracotta color palette (#DBFDFD, #4C9B74, #A85A9B, #A33C47, #084041)
• Powdered Tangerine Corridor color palette (#E6FAF7, #88CB8B, #F28141, #4D9352, #563749)
• Softworn Plum Thicket color palette (#B7F1F4, #009C73, #CD0058, #005D43, #5A0022)
• Timeworn Cocoa color palette (#EBFAEC, #89B29B, #8D6C35, #77421F, #20453B)
• Pale Atelier color palette (#F4F8E3, #84E692, #EDA1D6, #77AE7D, #5B3739)

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