Wandering Harbor color palette — #FAF6DE · #58C3FB · #8368D2 · #4D5700 · #2D182E

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

The five colors

• Cream (#FAF6DE): A whisper-light, dusty green — the color of new leaves after rain.
• Sky (#58C3FB): A luminous, balanced blue — the color of open sky before noon.
• Amethyst (#8368D2): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Olive (#4D5700): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#2D182E): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

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

• Hushed Indigo Bloom color palette (#FFF4DF, #31C9F0, #6B72D3, #624F00, #00291F)
• Powdered Summit color palette (#F6F8DB, #98B4FF, #AC58AE, #285F2D, #301926)
• Aged Wisteria Field color palette (#F6F7E3, #ADCDFF, #B375C9, #4E6E3A, #3E2A37)
• Quiet Cabin color palette (#EAFAF2, #00B6E9, #B84683, #4A4F00, #002211)
• Worn Raspberry color palette (#F8F8D0, #98A0FF, #C102A4, #005435, #1F0B37)
• Dusty Nightshade color palette (#DBF7E0, #5388C9, #5F4998, #5E3400, #20304C)
• Nightshade Station color palette (#CDF3E5, #1D9AB0, #5B4C9A, #353E00, #001A2C)
• Washed Garden color palette (#FDE5FF, #9CB8FF, #9689DD, #A15C71, #232F4B)

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