Powdered Harbor color palette — #FDF6D8 · #50C3FF · #826ACC · #515600 · #2C1A2D

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

The five colors

• Custard (#FDF6D8): A whisper-light, dusty green — the color of new leaves after rain.
• Sky (#50C3FF): A luminous, balanced blue — the color of deep harbor water.
• Amethyst (#826ACC): A full-bodied, balanced violet — the color of wild irises.
• Deep Olive (#515600): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#2C1A2D): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Indigo Market color palette (#FFF4DF, #23CAF0, #6770DC, #634F00, #00291F)
• Orchid Studio color palette (#F7F8DA, #91B6FF, #A45DB1, #006229, #321628)
• Dusty Delta color palette (#F5F7E5, #A9CFFF, #A97EC0, #486F3C, #3F2A38)
• Powdered Plum color palette (#EBF9F2, #00B6E9, #B24B88, #504C00, #00220E)
• Airy Raspberry color palette (#E5FFCF, #94A1FF, #BF00AB, #005438, #1F093B)
• Pale Cobalt color palette (#DDF6E2, #4B89CE, #5E4C92, #5E3400, #20304C)
• Weathered Lantern color palette (#CEF3E3, #1299B7, #614A97, #3B3C00, #00192F)
• Hushed Corridor color palette (#FDE6FF, #9AB8FF, #948ADF, #9B6073, #222F4C)

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