Muted Harbor color palette — #FAF2FA · #B8E9F8 · #33C2F1 · #569E66 · #263C55
Built around Cyan, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Ivory (#FAF2FA): a clean, paper-quiet neutral.
- Powder Blue (#B8E9F8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#33C2F1): A luminous, balanced blue — the color of deep harbor water.
- Fern (#569E66): A luminous, balanced green — the color of new leaves after rain.
- Navy (#263C55): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, 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
- Muted Balcony color palette (#FBF3F6, #C1E6FF, #8FAFFE, #00A09B, #3D3457)
- Mustard Delta color palette (#D5E6FF, #81ADFF, #C2A200, #77992F, #1C2C42)
- Wandering Quarry color palette (#EFF8F1, #CADBF6, #2BB9D1, #2D7F69, #003445)
- Muted Balcony color palette (#F8F3F8, #D2D6EB, #82D5ED, #8AAD88, #425567)
- Turquoise Balcony color palette (#EFF6FF, #EED3E9, #F2BBAD, #5BB3C0, #33415A)
- Softworn Veranda color palette (#EFE1EC, #74D0DE, #009DDD, #008154, #091A4A)
- Hushed Chapel color palette (#F4E9F3, #57B0B7, #007FA9, #006134, #00071F)
- Weathered Loft color palette (#CDF3F5, #53C7FE, #479DFF, #646BC2, #3F2F55)
Browse the whole catalog at Explore, or see today's palette.