Worn Harbor color palette — #FFD9E4 · #EA017F · #00896F · #007072 · #2E0817

Fuchsia and Fern set the tone — five colors that lean into warmth and comfort.

The five colors

• Shell Pink (#FFD9E4): A whisper-light, dusty rose — the color of strawberry cream.
• Fuchsia (#EA017F): A luminous, vivid rose — the color of pressed rose petals.
• Fern (#00896F): A full-bodied, balanced teal — the color of sea glass.
• Teal (#007072): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#2E0817): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Warmth, Comfort, Energy, Balance. Tagged vibrant, 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

• Tempered Crimson Atelier color palette (#FFE4DE, #DE3063, #008574, #006674, #521A27)
• Aged Peony Bloom color palette (#FFD7EF, #F530C3, #007743, #006977, #290A20)
• Misty Scarlet Study color palette (#E6DAE4, #CC4948, #007E82, #006776, #200A1E)
• Timeworn Ember color palette (#FFEBF6, #D86930, #008EAB, #367295, #2C1623)
• Frosted Magenta color palette (#F2DBFF, #CA53FF, #4E7000, #006554, #220C2D)
• Blush Quarry color palette (#FFE3E8, #F2638C, #7A9E19, #0083CF, #4F1C2B)
• Airy Ember color palette (#FFEBF8, #EA5321, #005E9F, #004B82, #290701)
• Feathered Brick color palette (#FBE5E1, #A70A00, #00575E, #00415D, #0D0000)

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