Misty Harbor color palette — #F7F2FF · #FF71D6 · #B46900 · #006322 · #002535

Bubblegum and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F7F2FF): bright and airy, almost weightless.
• Bubblegum (#FF71D6): A luminous, vivid pink — the color of peonies in June.
• Ochre (#B46900): A full-bodied, balanced gold — the color of honey in a jar.
• Pine (#006322): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#002535): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged vibrant.

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

• Wisteria Chapel color palette (#F4F4FF, #CC8EFF, #CD4F30, #475900, #00272C)
• Washed Blush color palette (#FBF1FF, #FF6B9D, #8A7500, #005553, #1A1041)
• Peony Veranda color palette (#F9F2FF, #E750A1, #825B00, #004431, #000C22)
• Linen Fuchsia color palette (#F6F3FF, #F18EE7, #AB9A00, #008878, #00383C)
• Aged Meadow color palette (#FEF0FC, #FF9B94, #908E35, #006A67, #22274D)
• Dusty Thicket color palette (#FFECF4, #8E6EC8, #8B4600, #004241, #210042)
• Wandering Crimson color palette (#FEECFF, #E10052, #515100, #002B2F, #030009)
• Tangerine Coast color palette (#FFF0F8, #F56900, #4C7A00, #004755, #1B0035)

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