Misty Harbor color palette — #FFF0FB · #A0B4F9 · #BDA336 · #6679CE · #45423B

Periwinkle and Gold set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
• Sky (#A0B4F9): A luminous, balanced violet — the color of a velvet chair.
• Gold (#BDA336): A luminous, balanced green — the color of fresh herbs.
• Periwinkle (#6679CE): A luminous, balanced violet — the color of twilight just after sunset.
• Charcoal (#45423B): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Balance. Tagged 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

• Chalky Moss color palette (#FFF1F6, #C8A4F5, #9AB146, #906CBB, #3E471E)
• Apricot Parlor color palette (#E7FAF3, #6EC1F9, #E0903E, #2189C3, #47413C)
• Hushed Iris color palette (#FFF0FB, #8097FB, #A4861F, #5160A4, #45423B)
• Pale Pier color palette (#F1F5FF, #C2C7FF, #E8B26C, #9296E2, #593C0F)
• Amber Canyon color palette (#FFF0FA, #959DEA, #DE7755, #439A6E, #472F3F)
• Antique Meadow color palette (#F1F5FF, #C9D1FF, #F2A1A8, #7983CD, #56282E)
• Misty Grape color palette (#E6E0FF, #B59DFF, #8C9400, #6B00D8, #2E3100)
• Washed Studio color palette (#FFF1F4, #DEC082, #895C9F, #4F375B, #2C1C21)

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