Worn Harbor color palette — #E1FEE3 · #BAE4D7 · #9AC2C8 · #9585AA · #614B65

Heather and Charcoal Brown set the tone — five colors that lean into sophistication and softness.

The five colors

• Honeydew (#E1FEE3): A whisper-light, dusty green — the color of new leaves after rain.
• Celadon Mist (#BAE4D7): A whisper-light, dusty teal — the color of sea glass.
• Ash (#9AC2C8): A luminous, dusty blue — the color of deep harbor water.
• Heather (#9585AA): A luminous, dusty violet — the color of a velvet chair.
• Charcoal Brown (#614B65): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

Use it as a design system

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

• Driftwood Thicket color palette (#E1FDF2, #B7E1E1, #8EB8CF, #9F7F9E, #3D533E)
• Cobalt Garden color palette (#EBF9D9, #B8CAAF, #88A38A, #637CA8, #64485B)
• Ash Archive color palette (#FFF0FF, #ECCAD8, #A0C5B7, #8192B5, #504665)
• Softworn Stone Loft color palette (#FCEDD1, #BCBB93, #7C947A, #6D5454, #442C2C)
• Rust Villa color palette (#D1E9E1, #92C0C2, #4FA3BA, #AF5A4C, #4E3507)
• Worn Meadow color palette (#DBEDE4, #57B1B8, #6189C2, #8E500C, #2F2B00)
• Taupe Workshop color palette (#EEF9ED, #B5E1C9, #9DB67E, #AB895E, #2A4A3A)
• Teal Bloom color palette (#FAF3F7, #D3DFF4, #81C6F6, #00B09E, #34476A)

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