Misty Harbor color palette — #F1D5DF · #DD8400 · #2FAC38 · #008777 · #2E0D1C

Kelly Green takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F1D5DF): A whisper-light, dusty rose — the color of strawberry cream.
• Mustard (#DD8400): A luminous, balanced gold — the color of old brass.
• Kelly Green (#2FAC38): A luminous, vivid green — the color of new leaves after rain.
• Fern (#008777): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#2E0D1C): A deep, shadowed, dusty rose — the color of a warm blush.

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

Use it as a design system

One click turns Misty Harbor 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

• Wandering Cabin color palette (#CEE6CC, #D48B00, #00AC62, #00867F, #062106)
• Moss Pier color palette (#D3E7DD, #ADA700, #009D5A, #006F77, #00203F)
• Antique Scarlet Quarry color palette (#F0D4EA, #D44C3E, #008661, #00568E, #291025)
• Pale Cabin color palette (#FFE7F3, #F48D56, #87AF51, #A768A7, #371C2C)
• Linen Moss color palette (#C4EADD, #7F9700, #008F9B, #006B95, #0B0F00)
• Quiet Bronze Dune color palette (#D3F0D7, #9E7300, #008460, #006163, #080400)
• Marigold Cabin color palette (#EBDDD1, #EAA438, #B98B00, #776500, #252300)
• Hazy Alley color palette (#FFF2ED, #EE3F4C, #008694, #005862, #140300)

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