Muted Harbor color palette — #FAF1FF · #E24291 · #008B66 · #005C42 · #0F0118
Hot Pink takes the lead with Fern close behind in a set that reads as energy and balance at first glance.
The five colors
- Blush (#FAF1FF): A whisper-light, dusty violet — the color of wild irises.
- Hot Pink (#E24291): A luminous, vivid rose — the color of strawberry cream.
- Fern (#008B66): A full-bodied, balanced teal — the color of sea glass.
- Pine (#005C42): A full-bodied, balanced teal — the color of shallow lagoons.
- Ink (#0F0118): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: 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
- Aged Rose color palette (#FFF0FD, #F72E40, #008692, #005861, #130012)
- Ancient Peony Villa color palette (#FBF1FF, #FA5B9D, #009E9D, #006E6D, #1B1020)
- Chalky Crimson Coast color palette (#FEF0FF, #DA1B5A, #006545, #004531, #020113)
- Misty Alley color palette (#F4F4FF, #CD62F5, #007D35, #115D2A, #08031B)
- Rose Villa color palette (#FDF0FF, #F34B75, #3B7400, #00317F, #020530)
- Blush Atelier color palette (#E8D7EB, #FF859C, #2F9355, #00766A, #330813)
- Powdered Ember Study color palette (#FFF2EC, #E66600, #008BB0, #005E78, #1B0600)
- Pale Blush Market color palette (#DCFFEA, #FF677F, #925E00, #004564, #280400)
Browse the whole catalog at Explore, or see today's palette.