Powdered Harbor color palette — #F8E0F0 · #C33100 · #485200 · #003B3D · #22006A

Brick and Deep Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F8E0F0): A whisper-light, dusty pink — the color of peonies in June.
• Brick (#C33100): A full-bodied, vivid orange — the color of toasted spice.
• Deep Olive (#485200): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Teal (#003B3D): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#22006A): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Feathered Field color palette (#F2E1F7, #C90062, #5F4800, #003D30, #002152)
• Washed Dune color palette (#FDDEED, #A95300, #045C12, #003750, #3F0041)
• Faded Navy Terrace color palette (#D6EBDF, #635800, #00403E, #1C005F, #290009)
• Washed Raspberry Delta color palette (#ECD8F7, #CB0076, #00594D, #002862, #000C29)
• Misty Hollow color palette (#D3F1D8, #8D6700, #005A45, #002F6C, #450030)
• Peony Lagoon color palette (#FFDFDC, #F61594, #007A6C, #00409B, #002055)
• Dusty Navy color palette (#F3DED7, #B69068, #7C7438, #005666, #003F79)
• Quiet Amber Courtyard color palette (#FFE9DC, #D58100, #7E5700, #524200, #1F3510)

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