Powder Harbor color palette — #FFF0FC · #FFB6AF · #BBB2FF · #D4877F · #423C63

A conversation between Lavender and Coral Clay, giving this palette its sense of creativity and balance.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Rose Quartz (#FFB6AF): A whisper-light, balanced orange — the color of autumn markets.
• Lavender (#BBB2FF): A luminous, balanced violet — the color of wild irises.
• Coral Clay (#D4877F): A luminous, balanced orange — the color of sun-warmed clay.
• Navy (#423C63): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Balance. Tagged light.

Use it as a design system

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

• Amber Canyon color palette (#FFF1F6, #FFBC81, #DFA7E4, #D28D4E, #523755)
• Mustard Chapel color palette (#FFF0F9, #FFA47D, #BABB4F, #CC8EBA, #46303D)
• Sunlit Mustard color palette (#F8F2FF, #FFAFDD, #E3B65D, #CE83AE, #2D4A33)
• Pale Alley color palette (#FFF2EC, #FFC4B8, #4BCFE1, #C66D5E, #004148)
• Vanilla Canyon color palette (#FFF0F8, #EFEDB7, #D6DACD, #D29D94, #624A55)
• Washed Harbor color palette (#FFF0FC, #FF968A, #26B6DA, #B9655C, #234759)
• Mint Grove color palette (#FFF0F7, #FFBA8D, #7FD495, #D28C5B, #274C31)
• Brick Thicket color palette (#FBEDF9, #D28F8C, #009DC0, #B42533, #002D38)

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