Weathered Harbor color palette — #EDF9EF · #94E4EA · #33A5BE · #1B7D6A · #1D3E53

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

The five colors

• Ivory (#EDF9EF): bright and airy, almost weightless.
• Ice Blue (#94E4EA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#33A5BE): A luminous, balanced blue — the color of open sky before noon.
• Teal (#1B7D6A): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#1D3E53): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Weathered 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

• Tempered Pier color palette (#EDF9EF, #B5D9F9, #7097D0, #007890, #2B3A58)
• Tempered Forest color palette (#FAF3F8, #A9CBD7, #2C849F, #006345, #1B3E58)
• Softworn Cerulean Harbor color palette (#DEEAE0, #49A1AD, #00627A, #003C35, #000B14)
• Dusty Emerald Corridor color palette (#FEF3ED, #CFE8D2, #62BFE1, #00A478, #173D5B)
• Muted Petrol Market color palette (#D5E5D8, #5EC1D5, #0080A5, #005A54, #002238)
• Peony Alley color palette (#FED6F7, #CE6AC2, #A58600, #008699, #2F2541)
• Fuchsia Boulevard color palette (#EFEBFF, #DE7CE4, #50AB6B, #9A509F, #0D4020)
• Stone Workshop color palette (#F7F3FF, #F7D3D0, #F2AB9D, #987AAC, #453A4E)

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