Muted Harbor color palette — #F1F7F2 · #D1E0F3 · #5AA5BB · #437A6F · #3F5666

Cyan and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Frost (#D1E0F3): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#5AA5BB): A luminous, balanced blue — the color of deep harbor water.
• Teal (#437A6F): A full-bodied, dusty teal — the color of sea glass.
• Peacock (#3F5666): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

• Ash Courtyard color palette (#F6EFF5, #D2D3ED, #6EA4C2, #4A765B, #2A3749)
• Antique Denim Pier color palette (#E0EDE2, #67ACAF, #006272, #003F33, #002331)
• Coral Boulevard color palette (#EBF7FD, #6EBECA, #D47C76, #00818F, #5C4459)
• Timeworn Powder Quarry color palette (#FCF3EF, #BDE7F0, #84B9D5, #818B6A, #5C4D5B)
• Peony Boulevard color palette (#E9F8FF, #40A7BE, #B76BA7, #867534, #304650)
• Timeworn Teal color palette (#F5F6EE, #CBE4DF, #A9D2B7, #6FB0AB, #345242)
• Softworn Balcony color palette (#EBF7FF, #96D6EE, #198CAF, #005A6D, #1C3F50)
• Softworn Cerulean Cabin color palette (#D9E8DC, #218FA5, #00425A, #002221, #000A17)

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