Powdered Harbor color palette — #FFF1F2 · #F46BD6 · #678000 · #007670 · #441E22

A conversation between Bubblegum and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Bubblegum (#F46BD6): A luminous, vivid pink — the color of a candy shop window.
• Olive Leaf (#678000): A full-bodied, balanced green — the color of new leaves after rain.
• Teal (#007670): A full-bodied, balanced teal — the color of shallow lagoons.
• Espresso (#441E22): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged 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

• Chalky Fuchsia color palette (#F7F3FF, #FF81E2, #699200, #007773, #201331)
• Misty Peony color palette (#FFE9E5, #D7618D, #4E934C, #006D7D, #3C1B18)
• Peony Studio color palette (#FFF1F1, #EB4FA8, #3B7300, #00676D, #271A43)
• Tempered Orchid color palette (#FFF1F6, #B469FC, #9B8600, #007A4A, #342147)
• Quiet Rust color palette (#FFF4E2, #F77B8E, #C15D00, #006A5E, #59211D)
• Pale Terrace color palette (#F6F3FF, #FEA0F9, #00AC7F, #008C8F, #3C1E3B)
• Coral Courtyard color palette (#FFF2ED, #FF5968, #7E7C00, #006265, #321B6E)
• Washed Archive color palette (#FFF2ED, #DF7E7E, #54A089, #257998, #39312E)

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