Worn Harbor color palette — #FAF2FF · #E55D9D · #599B00 · #007384 · #431C2D

A conversation between Hot Pink and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FAF2FF): bright and airy, almost weightless.
• Hot Pink (#E55D9D): A luminous, vivid rose — the color of pressed rose petals.
• Olive Leaf (#599B00): A luminous, vivid green — the color of new leaves after rain.
• Teal (#007384): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#431C2D): A deep, shadowed, dusty rose — the color of strawberry cream.

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 Coral Coast color palette (#F9E9F7, #D26C6B, #46944E, #006991, #341C33)
• Tempered Peony color palette (#F7F3FF, #D663C1, #9C8500, #007764, #3E1F37)
• Softworn Bloom color palette (#FCF1FF, #E27293, #8E7500, #006073, #580043)
• Blush Studio color palette (#FDF0FF, #FF7292, #008A5E, #0063C4, #441D25)
• Washed Peony color palette (#FFF1F1, #FF62BF, #00A8A0, #007771, #2E1111)
• Pale Station color palette (#FFF0F8, #E36D00, #7C7C00, #00596F, #381131)
• Quiet Denim color palette (#DFFFE7, #F08098, #B97213, #0053A0, #57231C)
• Timeworn Ultramarine Hollow color palette (#FFF1F6, #D58012, #009C84, #0064BA, #412302)

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