Misty Harbor color palette — #F6F3FF · #D51ACB · #376100 · #004852 · #0D2D42

A conversation between Orchid and Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F6F3FF): bright and airy, almost weightless.
• Orchid (#D51ACB): A luminous, vivid pink — the color of neon signs at night.
• Olive (#376100): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#004852): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#0D2D42): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. 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

• Misty Byzantium Pier color palette (#F3F4FF, #9C47EE, #566100, #004B3C, #003136)
• Raspberry Coast color palette (#FAF1FF, #DF0D80, #006A54, #004858, #132C45)
• Hazy Plum Meadow color palette (#E9DAF7, #B60D7E, #005531, #00343E, #071B2C)
• Ember Cabin color palette (#FFF0FD, #C96766, #00707C, #1A4B73, #302F4F)
• Crimson Station color palette (#FFEDE9, #DC4262, #844B00, #393D00, #2C002F)
• Muted Archive color palette (#FFEFFF, #FE5A6F, #AB6400, #585A00, #4E055A)
• Antique Coral color palette (#F6E7FF, #D9888F, #966C3C, #335F78, #304169)
• Antique Moss Studio color palette (#E2FEE8, #8DB24A, #007D52, #5B476D, #164339)

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