Worn Harbor color palette — #E0F1EA · #ADB640 · #2698FC · #8F4CE5 · #1F2200
A conversation between Amethyst and Azure, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#E0F1EA): A whisper-light, dusty teal — the color of sea glass.
- Gold (#ADB640): A luminous, balanced green — the color of fresh herbs.
- Azure (#2698FC): A luminous, vivid blue — the color of a favorite pair of jeans.
- Amethyst (#8F4CE5): A full-bodied, vivid violet — the color of wild irises.
- Onyx (#1F2200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged vibrant.
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
- Ancient Dune color palette (#D7E5DA, #DDB235, #6573F1, #0985D8, #291E00)
- Orchid Quarry color palette (#D0FAED, #A5C756, #A45DD4, #7A6ED9, #1A2400)
- Plum Harbor color palette (#C4E6E1, #62B359, #6F86F4, #C63164, #032201)
- Ancient Peony color palette (#CBEEE0, #ACB661, #9998F9, #C46AB9, #2B2F00)
- Feathered Summit color palette (#E1E8D8, #8FB531, #C6339D, #7C4DCE, #0D1500)
- Dusty Peony Station color palette (#D2E8E6, #4AD684, #C94AA7, #A45DC1, #002711)
- Airy Apricot color palette (#F7E1EB, #FC8B24, #00A5CC, #0080C3, #331600)
- Soft Blush Archive color palette (#E0FCF6, #A3CC90, #C89FF1, #D97AA4, #10413A)
Browse the whole catalog at Explore, or see today's palette.