Powdered Harbor color palette — #F1F5FF · #B4A5FF · #9AA13B · #808546 · #122F38
Lavender and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Lavender (#B4A5FF): A luminous, balanced violet — the color of twilight just after sunset.
- Moss (#9AA13B): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#808546): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#122F38): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.
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
- Worn Mallow color palette (#F7F3FE, #E29DD5, #A2A862, #819467, #293540)
- Patina Periwinkle color palette (#F0F5FF, #86ADFF, #C8865A, #957C37, #193133)
- Wandering Boulevard color palette (#DDFEF5, #C8BDFF, #D689AD, #4F9177, #3C3A51)
- Tempered Fuchsia color palette (#FAE4FF, #E676FF, #897A00, #656D00, #001C2C)
- Hushed Blush color palette (#FFF1F1, #D984BB, #B0754F, #794820, #0B1F15)
- Hushed Emerald Parlor color palette (#F8F2FF, #FF90D5, #00A24A, #008777, #192342)
- Hazy Courtyard color palette (#E6F9FD, #00C8B8, #DA766D, #718F53, #132B2F)
- Blush Corridor color palette (#F8E7FC, #FF6AAB, #008A4F, #006C67, #091026)
Browse the whole catalog at Explore, or see today's palette.