Weathered Harbor color palette — #FCF3F0 · #E7B0B1 · #698855 · #98585B · #2E2E27

A conversation between Walnut and Fern, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF3F0): a clean, paper-quiet neutral.
• Rose Quartz (#E7B0B1): A luminous, dusty red — the color of embers at dusk.
• Fern (#698855): A full-bodied, balanced green — the color of fresh herbs.
• Walnut (#98585B): A full-bodied, balanced red — the color of a theater curtain.
• Onyx (#2E2E27): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged duotone, muted.

Use it as a design system

One click turns Weathered 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

• Wandering Loft color palette (#FAF4EE, #DDB994, #498B7F, #8E6333, #293026)
• Timeworn Pewter Dune color palette (#FDF2F3, #DFAED7, #98773F, #8F5687, #312D27)
• Ancient Basin color palette (#F7EFF4, #DCB6CE, #A57943, #B2502C, #0F190E)
• Hushed Basin color palette (#FAF4F0, #F7C4B0, #BA9554, #C8724E, #312D27)
• Fern Meadow color palette (#FFF2ED, #E5B59B, #967D47, #666119, #2E5519)
• Cocoa Quarry color palette (#FFF3E3, #CE9A83, #807941, #4D577F, #663D00)
• Aged Bronze color palette (#F0E7DB, #9F6A00, #004B34, #452C00, #000502)
• Bronze Atelier color palette (#FBF4EF, #DBDBD2, #A3B0AD, #AD7246, #58514D)

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