Muted Harbor color palette — #F2F4FF · #7663A3 · #824B71 · #574200 · #102E39

Slate takes the lead with Graphite close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#F2F4FF): a clean, paper-quiet neutral.
• Slate (#7663A3): A full-bodied, balanced violet — the color of twilight just after sunset.
• Graphite (#824B71): A full-bodied, balanced pink — the color of peonies in June.
• Deep Olive (#574200): A deep, shadowed, dusty gold — the color of honey in a jar.
• Deep Forest (#102E39): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Optimism, Creativity, Sophistication. Tagged jewel, vibrant, muted.

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

• Hushed Plum Station color palette (#F8F2FF, #A25B99, #8A403D, #3C4D00, #1E2E3E)
• Cocoa Harbor color palette (#EEF6FF, #3A77AB, #63518F, #752D0A, #112D2F)
• Worn Canyon color palette (#E0FDF5, #609ECE, #725D95, #3E5714, #2D3E58)
• Cerulean Balcony color palette (#EDF7FF, #3991C5, #904A5F, #3B5100, #00442A)
• Mulberry Terrace color palette (#FBF1FF, #9C345D, #763100, #004428, #121E38)
• Frosted Mulberry Meadow color palette (#EBE5F9, #8E2283, #542F00, #003326, #0A102B)
• Indigo Boulevard color palette (#DDE4F9, #6866B5, #322F44, #1A1F2A, #0B0C12)
• Softworn Petrol color palette (#F0F6FC, #DCD9E3, #C5BCC9, #5A7797, #414951)

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