Muted Harbor color palette — #F4F7E6 · #ACE6F7 · #33A9D3 · #00818B · #004563
Cyan takes the lead with Teal close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F4F7E6): A whisper-light, dusty green — the color of a quiet forest floor.
- Powder Blue (#ACE6F7): A whisper-light, dusty blue — the color of open sky before noon.
- Cyan (#33A9D3): A luminous, balanced blue — the color of deep harbor water.
- Teal (#00818B): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004563): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, 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
- Gentle Cerulean Chapel color palette (#F3F8E2, #81D8FB, #0098D1, #007080, #003656)
- Chalky Summit color palette (#F3F7EC, #B5E7DA, #609DEE, #007BAA, #243C75)
- Tempered Turquoise Station color palette (#F5F6EE, #BFE6DE, #59B4C5, #2E8A85, #2E503E)
- Weathered Petrol color palette (#E3E5D6, #59B0C3, #00718D, #00494D, #001722)
- Quiet Loft color palette (#FDF1F8, #B8EFFF, #61C0FF, #00A796, #243E6E)
- Hushed Lagoon color palette (#ECF2E1, #6F96BD, #25579A, #003850, #00002F)
- Antique Amber Studio color palette (#FFEADA, #DEA779, #C16D33, #8F4B2F, #3A342F)
- Muted Delta color palette (#FFE2EE, #E867A7, #D47200, #7764E7, #4D1C35)
Browse the whole catalog at Explore, or see today's palette.