Worn Harbor color palette — #FBF2F8 · #BCDCB5 · #927289 · #5D4456 · #31282E

Built around Pistachio, softened by Driftwood — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF2F8): a clean, paper-quiet neutral.
• Pistachio (#BCDCB5): A whisper-light, dusty green — the color of new leaves after rain.
• Driftwood (#927289): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal Brown (#5D4456): A full-bodied, dusty pink — the color of neon signs at night.
• Onyx (#31282E): quiet, heavy and certain.

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

• Ancient Driftwood color palette (#F2F5FE, #C0DDF3, #7E80B4, #3C4561, #191B22)
• Dusty Ash color palette (#FDF2F6, #F1DBAE, #A296C5, #856071, #31282C)
• Worn Pewter color palette (#F3F5FC, #A6CBAE, #61567E, #323654, #28232D)
• Hushed Field color palette (#FEF2ED, #CF868E, #A87D55, #656937, #3E303C)
• Mallow Loft color palette (#F4F8E4, #C8B1EB, #BB8080, #59785B, #5A3F43)
• Antique Ash Corridor color palette (#FCF2F4, #E0D9D4, #B2B4A8, #B08EB2, #585051)
• Iris Thicket color palette (#FCF2F7, #CDCBFE, #C68C69, #8984C0, #332C28)
• Lilac Grove color palette (#FFF1F5, #BF99D9, #9AA16E, #7A7F4B, #4C363D)

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