Powdered Harbor color palette — #E4EAFB · #5D53D4 · #00722E · #00594B · #080523
Iris and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#E4EAFB): A whisper-light, dusty violet — the color of twilight just after sunset.
- Iris (#5D53D4): A full-bodied, vivid violet — the color of a velvet chair.
- Pine (#00722E): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#00594B): A full-bodied, dusty teal — the color of shallow lagoons.
- Ink (#080523): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged cool.
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
- Quiet Sapphire Lagoon color palette (#CBE1FE, #0063DA, #4D6A00, #00553D, #000A1E)
- Sunlit Grape Courtyard color palette (#EBE6FF, #6432B6, #005B3D, #00444C, #050013)
- Softworn Harbor color palette (#E8E9FF, #9260C1, #008168, #00636A, #110F2B)
- Feathered Parlor color palette (#FFE8F8, #AD2994, #006E62, #00505E, #0F041D)
- Byzantium Parlor color palette (#F0DDF7, #A200C9, #7E5500, #00595A, #1F1939)
- Misty Magenta color palette (#FFF1F4, #C35FE3, #AC7600, #007A7D, #1F010B)
- Dusty Bloom color palette (#F4E7FF, #C468FF, #008A74, #007E20, #281635)
- Plum Drift color palette (#E7DBEB, #AF255C, #495E00, #003C52, #100116)
Browse the whole catalog at Explore, or see today's palette.