Misty Harbor color palette — #FFF1F6 · #DDC9FF · #20D2E0 · #9975C9 · #204128

A conversation between Aqua and Lavender Blue, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Lilac Frost (#DDC9FF): A whisper-light, dusty violet — the color of wild irises.
• Aqua (#20D2E0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Lavender Blue (#9975C9): A luminous, balanced violet — the color of a velvet chair.
• Forest (#204128): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged light.

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

• Peony Courtyard color palette (#FFF1F3, #FEB9FA, #56C9FF, #B46BB0, #0A3E54)
• Worn Mint Delta color palette (#FFF1F6, #D4BFFF, #A5CD7B, #A88FD6, #43433C)
• Soft Mint Archive color palette (#EAF9F3, #A7DCFF, #7BD475, #3693C8, #224120)
• Linen Iris Atelier color palette (#FFF0FA, #C8D1FF, #FF98A6, #737FE1, #522C23)
• Washed Study color palette (#FFF1F4, #E3D7D2, #C7C1B6, #A895BF, #553A3F)
• Weathered Coral color palette (#FFF1F3, #E0A2DF, #FD8068, #6591DD, #3B2327)
• Pale Grape color palette (#EFF1FF, #B094D9, #879551, #744FA0, #242B00)
• Patina Courtyard color palette (#FFF2F0, #FFAAC9, #79B0FF, #D82C82, #0B2D5C)

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