Muted Harbor color palette — #E9F1EC · #BFD1CA · #AC99AC · #005F71 · #213328

Peacock and Dusty Rose set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E9F1EC): bright and airy, almost weightless.
• Oat (#BFD1CA): A whisper-light, dusty teal — the color of sea glass.
• Dusty Rose (#AC99AC): A luminous, dusty pink — the color of neon signs at night.
• Peacock (#005F71): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#213328): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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

• Petrol Study color palette (#F0F7F3, #CDDDDF, #BFADBB, #006E8E, #313E38)
• Denim Orchard color palette (#E5EDEA, #BFB5BF, #9D8695, #004A6D, #05251C)
• Worn Ultramarine color palette (#F4EBF3, #D3C9CE, #B199A1, #204AB3, #382836)
• Patina Lantern color palette (#E6E5D8, #719775, #006549, #004749, #272C06)
• Cerulean Harbor color palette (#E7F0F5, #CDD3EB, #B7B7CD, #34A1BA, #1E313A)
• Wandering Cobalt Summit color palette (#F9F3F7, #DFD8D7, #AFACA1, #797BB5, #575054)
• Amethyst Ridge color palette (#FDF2F6, #E3D6D2, #D6B2B1, #804AB8, #4C3A41)
• Worn Cocoa color palette (#DDF2FF, #AC8AA8, #71649F, #763800, #4A3800)

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