Misty Harbor color palette — #FFF0F8 · #886CFC · #976F00 · #2F5A00 · #15000C
A conversation between Amethyst and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Amethyst (#886CFC): A luminous, vivid violet — the color of wild irises.
- Ochre (#976F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Deep Olive (#2F5A00): A full-bodied, balanced green — the color of new leaves after rain.
- Ink (#15000C): A deep, shadowed, dusty rose — the color of a warm blush.
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
- Hazy Iris Ridge color palette (#FFF0FB, #7291FF, #985300, #3F5700, #11020E)
- Washed Orchid Veranda color palette (#FFF1F4, #BB5AD1, #7E7B00, #005C46, #150106)
- Feathered Lilac Lantern color palette (#FFF1F6, #AD82F7, #A48700, #027335, #240B18)
- Hazy Byzantium color palette (#FFE7EE, #993DCE, #6F5F00, #004426, #020005)
- Magenta Grove color palette (#FFF1F3, #D259CB, #984B00, #164400, #000F15)
- Worn Grape Parlor color palette (#E5E6F4, #7B42B3, #754B00, #453300, #06041B)
- Wandering Garden color palette (#E3FCF3, #28A3E9, #B2361C, #5D4C00, #000A06)
- Antique Thicket color palette (#FFF4E2, #D676E1, #C3005F, #284A00, #24031C)
Browse the whole catalog at Explore, or see today's palette.