Misty Harbor color palette — #F8EBD1 · #88D800 · #7089E9 · #1C2768 · #0A1731

Lime takes the lead with Lavender Blue close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#F8EBD1): A whisper-light, dusty gold — the color of old brass.
• Lime (#88D800): A luminous, vivid green — the color of fresh herbs.
• Lavender Blue (#7089E9): A luminous, balanced violet — the color of wild irises.
• Navy (#1C2768): A deep, shadowed, balanced violet — the color of a velvet chair.
• Midnight (#0A1731): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Calm, Energy, Balance. Tagged neon, dark, vibrant, cool.

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

• Soft Balcony color palette (#D0F6F7, #8DDB00, #9CAFFF, #2D3668, #171E2B)
• Gentle Lime Lagoon color palette (#E7F3D8, #B6BA00, #2EAEFB, #003553, #001527)
• Iris Loft color palette (#DDF3DD, #00C8A9, #9277E5, #2D1C55, #0F112C)
• Quiet Grape Hollow color palette (#DBE4FF, #90BB59, #5A36C7, #2E1273, #0E0928)
• Weathered Apricot color palette (#D2E8D9, #FF966A, #AD9DFF, #42396C, #161926)
• Wisteria Meadow color palette (#D3EFE3, #00E2EC, #C073E9, #3E274A, #1A182A)
• Gentle Iris Harbor color palette (#E5EFE2, #FE843C, #9278F6, #1F0F47, #1F0B16)
• Celadon Drift color palette (#D2FFE6, #BDE890, #CCC0FF, #434863, #2F323D)

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