Worn Harbor color palette — #F6F7E0 · #B2CCFE · #B97AA5 · #00717C · #442736

Dusty Rose takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F6F7E0): A whisper-light, dusty green — the color of fresh herbs.
• Lilac Frost (#B2CCFE): A whisper-light, dusty violet — the color of a velvet chair.
• Dusty Rose (#B97AA5): A luminous, balanced pink — the color of peonies in June.
• Teal (#00717C): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#442736): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged retro, muted.

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

• Timeworn Coral color palette (#F8F6E3, #DFBBF6, #C77A6F, #006F87, #482729)
• Amber Grove color palette (#FDF1FB, #9BBAFC, #C46E65, #006A65, #162854)
• Worn Harbor color palette (#F2F8E7, #91D9EB, #9388C3, #007749, #0A3A30)
• Blush Lagoon color palette (#E9FAEC, #E8B0F1, #E97E9E, #6E8D56, #41384F)
• Iris Loft color palette (#DDFDFD, #9488E7, #994F63, #005B4F, #3D3A50)
• Washed Lagoon Lantern color palette (#FFF0FB, #F0D1D5, #CEA4A4, #398589, #5F485C)
• Washed Taupe Ridge color palette (#FBF4ED, #D8E4BF, #87A97C, #756F9F, #3B3831)
• Dusty Wisteria color palette (#FFF0D8, #BF82C9, #955467, #394E29, #341A1C)

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