Worn Harbor color palette — #EEF6FF · #86C4FF · #E08177 · #7D823F · #234023

Coral Clay and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Sky (#86C4FF): A luminous, balanced blue — the color of deep harbor water.
• Coral Clay (#E08177): A luminous, balanced orange — the color of autumn markets.
• Olive Leaf (#7D823F): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#234023): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged warm.

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

• Misty Amber Thicket color palette (#F2F4FF, #C5AFFF, #D58D4C, #518B6D, #0C432C)
• Quiet Aqua color palette (#E9F8FF, #01D4F3, #CA85BA, #937938, #463505)
• Amber Loft color palette (#E1E7FF, #919FFF, #D16900, #5C7100, #002C1F)
• Weathered Forest Corridor color palette (#EEF9EC, #67CFC6, #B77090, #106D43, #003423)
• Antique Veil Hollow color palette (#E8F4FF, #C6D3F6, #BAB0CA, #819B95, #375650)
• Dusty Periwinkle color palette (#FFF0FC, #819EFF, #9A6DA5, #824B54, #003F4F)
• Dusty Fuchsia color palette (#F4EFFF, #F185DA, #8F9C38, #018462, #002F46)
• Misty Wisteria Loft color palette (#DAE6FF, #C4C1FF, #C09AEF, #9F77A8, #4E3F5C)

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