Worn Harbor color palette — #D8E5FF · #7D8EE4 · #DA5C40 · #008F4E · #22284B

Pumpkin and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#D8E5FF): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender Blue (#7D8EE4): A luminous, balanced violet — the color of wild irises.
• Pumpkin (#DA5C40): A luminous, vivid orange — the color of toasted spice.
• Fern (#008F4E): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#22284B): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

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

• Soft Cabin color palette (#FFF0FB, #8B9DFF, #D9755F, #429160, #281223)
• Quiet Amber Workshop color palette (#E0E2FF, #A782CD, #C17500, #008A80, #342145)
• Tempered Garden color palette (#CFE8FF, #3F9EDD, #D55781, #6A8300, #022E49)
• Lilac Balcony color palette (#EEECFF, #B073C8, #8F8200, #00734E, #26223B)
• Raspberry Market color palette (#F9E7FF, #D2537E, #6D8600, #006FA9, #380D1D)
• Indigo Veranda color palette (#E6E6FF, #6E5CDA, #AB4500, #00694A, #110536)
• Peony Archive color palette (#F3E4FF, #E16FA7, #949600, #0089B7, #4F1A36)
• Mustard Field color palette (#FBD8F6, #84ACFF, #B2A927, #709D5A, #392236)

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