Frosted Harbor color palette — #DAE5FF · #AEA7E0 · #9771C0 · #744F83 · #3D3551

Lavender Blue takes the lead with Graphite close behind in a set that reads as creativity and balance at first glance.

The five colors

• Frost (#DAE5FF): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#AEA7E0): A luminous, balanced violet — the color of twilight just after sunset.
• Lavender Blue (#9771C0): A luminous, balanced violet — the color of twilight just after sunset.
• Graphite (#744F83): A full-bodied, balanced pink — the color of neon signs at night.
• Navy (#3D3551): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Balance. Tagged warm.

Use it as a design system

One click turns Frosted 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

• Iris Lantern color palette (#D7ECFF, #9CC0F1, #6D86D3, #57578A, #2F334C)
• Softworn Powder color palette (#FEF0FF, #A8B5FF, #9E79BB, #7C5475, #624342)
• Softworn Moss color palette (#F0F1FC, #C3A5DB, #8DA851, #816298, #17382F)
• Dusty Peony Garden color palette (#F3EFFF, #E3A6CD, #BA668B, #814858, #443045)
• Lilac Cabin color palette (#F3EFFF, #E2BBE7, #A873B1, #643D66, #211B34)
• Amber Thicket color palette (#F1F0FF, #B38AC2, #B28437, #378688, #272535)
• Quiet Mulberry color palette (#EBDCFA, #B15EBD, #930078, #5A003C, #310013)
• Washed Byzantium color palette (#E6DDFC, #C773F4, #B300C5, #7F0066, #44012B)

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