Hazy Violet Harbor color palette — #FBF6D7 · #31B3FB · #8E55E9 · #546300 · #462A44

Amethyst and Cornflower set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#FBF6D7): A whisper-light, dusty green — the color of new leaves after rain.
• Cornflower (#31B3FB): A luminous, balanced blue — the color of deep harbor water.
• Amethyst (#8E55E9): A full-bodied, vivid violet — the color of wild irises.
• Olive (#546300): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#462A44): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. Tagged retro, vibrant.

Use it as a design system

One click turns Hazy Violet 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

• Muted Orchid Harbor color palette (#EFF2D4, #6DA1F9, #A050B6, #1F6620, #432439)
• Dusty Indigo color palette (#FFF4DA, #00BAE3, #6960FE, #675C00, #073F33)
• Violet Quarry color palette (#DEFFE5, #97C1FF, #926DD6, #7C4B00, #1D244B)
• Aged Byzantium color palette (#DFE1C0, #3B98E6, #873AC4, #2B5400, #172145)
• Soft Wisteria color palette (#F2FBCB, #45D2FF, #B68AFF, #6F7B00, #12365D)
• Peony Station color palette (#F7F7E0, #A5A8F7, #BB62A0, #007556, #50333F)
• Wisteria Station color palette (#CCFAE7, #B4BAF2, #BC78BC, #587346, #285435)
• Wandering Raspberry Workshop color palette (#E4FCF1, #00A8E6, #D02574, #485F00, #003B1D)

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