Worn Harbor color palette — #FCECCB · #C0BF7D · #7E932F · #4D6832 · #393A33

Olive Leaf takes the lead with Pistachio close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#FCECCB): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Pistachio (#C0BF7D): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#7E932F): A luminous, balanced green — the color of new leaves after rain.
• Olive (#4D6832): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#393A33): a grounded near-black with real depth.

Feels like: Nature, Growth, Balance. Tagged 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

• Mustard Market color palette (#E1FFDE, #D3B55F, #768C47, #4A7151, #2A5456)
• Hushed Studio color palette (#F4F3E5, #A7BD84, #A98ADB, #657B3C, #422833)
• Softworn Lagoon Coast color palette (#F2F5D4, #87C59A, #2A9E74, #016F61, #263C26)
• Washed Bloom color palette (#FFEBDF, #E0A985, #BC7A21, #73591E, #36332C)
• Softworn Emerald Study color palette (#F2F5D8, #BBDEAB, #5E9157, #2E5A2C, #1C1E01)
• Feathered Emerald Pier color palette (#E5ECDE, #409F28, #00682A, #00422F, #001914)
• Basalt Lagoon color palette (#F3F3E4, #B5E0DA, #CBC4CF, #948864, #383C00)
• Azure Archive color palette (#F3F3E0, #84A966, #5191D6, #9F666D, #292817)

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