Muted Harbor color palette — #FBF4EA · #C3EBD9 · #77B8F1 · #369BA7 · #243A60

Built around Sky, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF4EA): a clean, paper-quiet neutral.
• Honeydew (#C3EBD9): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#77B8F1): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#369BA7): A luminous, balanced blue — the color of deep harbor water.
• Navy (#243A60): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Hushed Lagoon Hollow color palette (#FBF4E9, #C6EBCC, #69C0D8, #2FA08B, #174435)
• Periwinkle Canyon color palette (#FBF3EE, #B4E0CD, #7196D1, #007D71, #393559)
• Tempered Cobalt Lantern color palette (#E6DED1, #6DA8CE, #3176BE, #005B69, #01002F)
• Worn Studio color palette (#F9F4EE, #C2E0EE, #A5D2C3, #70AEB2, #5E4B5E)
• Cornflower Villa color palette (#F6EDDF, #8FC7F1, #4C92F1, #007A91, #111550)
• Antique Cobalt Pier color palette (#EBF5ED, #A6CDE8, #0481CE, #005A63, #0E2139)
• Washed Cerulean Lagoon color palette (#F3E9DB, #6BC0C8, #0092AF, #006E5F, #001623)
• Antique Blush color palette (#FFDBD5, #FA82A7, #98B059, #329EE3, #441F1A)

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