Weathered Harbor color palette — #E3F7F0 · #70A3C5 · #9C7DC0 · #008D72 · #102E25

Fern and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E3F7F0): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#70A3C5): A luminous, dusty blue — the color of deep harbor water.
• Slate Blue (#9C7DC0): A luminous, balanced violet — the color of twilight just after sunset.
• Fern (#008D72): A full-bodied, balanced teal — the color of glacier melt.
• Deep Forest (#102E25): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Creativity, Balance. Tagged 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

• Muted Pier color palette (#FEEBFB, #859CC9, #A87CA4, #00898D, #331F31)
• Antique Olive color palette (#E9F6E7, #64ABA6, #6B8FC0, #6B8336, #1C2C1B)
• Patina Wisteria color palette (#EFF6FF, #95B0ED, #CF88C6, #51A1A5, #384354)
• Hushed Denim color palette (#FFEAFF, #E0BEE1, #6B8DBD, #1E4A84, #05203F)
• Washed Field color palette (#F9EDFA, #EBD1D6, #E4B5B7, #598BAD, #423040)
• Dusty Amber Basin color palette (#ECF7FF, #5CA0CB, #C2723F, #857634, #324553)
• Rust Bloom color palette (#FFECF1, #A37CB1, #BC605E, #2F6EAC, #2F151D)
• Misty Plum Dune color palette (#FFE6F6, #6D71C6, #A24B7F, #006777, #0F0E31)

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