Muted Harbor color palette — #B5ECF5 · #008E7C · #BF0073 · #7F4200 · #000202
Built around Magenta Rose, softened by Bronze — the whole palette hums with optimism and energy.
The five colors
- Frost (#B5ECF5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Fern (#008E7C): A full-bodied, balanced teal — the color of shallow lagoons.
- Magenta Rose (#BF0073): A full-bodied, vivid rose — the color of pressed rose petals.
- Bronze (#7F4200): A full-bodied, balanced gold — the color of old brass.
- Black (#000202): a grounded near-black with real depth.
Feels like: Optimism, Energy, Balance. Tagged vibrant.
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
- Faded Balcony color palette (#BAF0D4, #009163, #B5009B, #922D00, #000201)
- Brick Courtyard color palette (#BCE9FD, #008A9A, #C90027, #853D00, #000203)
- Pale Terracotta color palette (#D8F3FF, #008192, #AA2A00, #353D00, #000102)
- Mulberry Chapel color palette (#CAE6E9, #00646C, #900035, #601F00, #000405)
- Sunlit Boulevard color palette (#CDECC0, #53A224, #8300B8, #9B0051, #000200)
- Aubergine Hollow color palette (#C9EFF0, #00676A, #780093, #523700, #001616)
- Aged Courtyard color palette (#E7F9FF, #00ABCF, #F33D04, #9A6700, #00161D)
- Olive Harbor color palette (#EFF6FF, #63A5FF, #9B6300, #3E7D00, #000B24)
Browse the whole catalog at Explore, or see today's palette.