Misty Harbor color palette — #D1EFC9 · #39E5D5 · #E9549C · #009D91 · #550632

Built around Hot Pink, softened by Lagoon — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D1EFC9): A whisper-light, dusty green — the color of new leaves after rain.
• Lagoon (#39E5D5): A whisper-light, balanced teal — the color of glacier melt.
• Hot Pink (#E9549C): A luminous, vivid rose — the color of a warm blush.
• Fern (#009D91): A luminous, balanced teal — the color of shallow lagoons.
• Mulberry (#550632): A deep, shadowed, balanced rose — the color of strawberry cream.

Feels like: Nature, Growth, Energy, 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

• Worn Peony color palette (#B5F1FB, #38E0F7, #E95B83, #0099AB, #5A0024)
• Frosted Magenta Basin color palette (#B8F4DD, #39E8B9, #E640D2, #00A07C, #4E0947)
• Soft Studio color palette (#B0F5E6, #00B8A1, #F90192, #007A6B, #580030)
• Worn Ember Pier color palette (#CDEFD1, #39E2EB, #E9671D, #009BA2, #4F1C00)
• Plum Corridor color palette (#C3EEF5, #009C87, #CF0065, #00594C, #300012)
• Voltage Fuchsia color palette (#E3EABC, #45EF4D, #FF54EC, #128D1E, #500349)
• Sunlit Rose color palette (#C9F4E7, #3EDAB8, #F07600, #E6414F, #002C22)
• Shell Pier color palette (#EFF9EA, #91E9D5, #FFAFA7, #6CB9A8, #534B48)

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