Muted Harbor color palette — #FFF1F5 · #BBE0FF · #8296E4 · #008284 · #483269

Lavender Blue and Royal Purple set the tone — five colors that lean into creativity and calm.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Powder Blue (#BBE0FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Lavender Blue (#8296E4): A luminous, balanced violet — the color of a velvet chair.
• Teal (#008284): A full-bodied, balanced teal — the color of glacier melt.
• Royal Purple (#483269): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Muted 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 Delta color palette (#FAF2F8, #B8DBE8, #519FCA, #2B7D56, #283A5E)
• Dusty Cobalt Courtyard color palette (#FBF4E9, #A8D3FB, #527ECA, #00637A, #313779)
• Driftwood Villa color palette (#F9F3F8, #D5D5E9, #91B7D1, #689276, #445469)
• Chalky Harbor color palette (#DAFEF5, #99D551, #BD75ED, #4C7700, #4B2763)
• Muted Courtyard color palette (#EBDEE6, #7DBCCF, #2E79B7, #005B47, #161945)
• Ancient Studio color palette (#F2E6EE, #589EAD, #005E8D, #003D2A, #02002E)
• Amber Harbor color palette (#D9FFF2, #A2EEF5, #90D6FF, #BB8A36, #1E544E)
• Dusty Villa color palette (#FFE7F1, #CEB074, #B9733E, #964243, #0F3F2F)

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