Worn Harbor color palette — #FFF2EE · #BF767F · #007A4D · #0C5272 · #423034

Pine and Dusty Rose set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Dusty Rose (#BF767F): A luminous, balanced red — the color of a theater curtain.
• Pine (#007A4D): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#0C5272): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#423034): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.

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

• Aged Olive color palette (#FFF1F3, #A675A6, #727010, #006058, #3B2E38)
• Antique Cabin color palette (#FBF4EC, #AC7C47, #007A87, #444372, #3E2B28)
• Hushed Bronze Bloom color palette (#FDF4E5, #D89480, #976F2C, #046570, #4D4641)
• Antique Peony color palette (#FDEEED, #BB6B90, #007895, #184F60, #0F211C)
• Antique Coral color palette (#FDF1FA, #F08A7A, #309487, #2A746A, #2A3040)
• Rust Meadow color palette (#FFF2EB, #BC3800, #005A4D, #003C6E, #381619)
• Ancient Bronze color palette (#FBF3F0, #DDDAD2, #9EB2A8, #B16F50, #59504C)
• Softworn Bronze color palette (#FFF2ED, #EAB3A1, #AF733D, #745300, #534600)

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