Weathered Harbor color palette — #EEF7F6 · #DDB3C0 · #496841 · #14413B · #1A282B

Olive and Rosewood Mist set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EEF7F6): bright and airy, almost weightless.
• Rosewood Mist (#DDB3C0): A luminous, dusty rose — the color of a warm blush.
• Olive (#496841): A full-bodied, dusty green — the color of fresh herbs.
• Forest (#14413B): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#1A282B): a grounded near-black with real depth.

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

• Fern Corridor color palette (#F3F2E8, #D2C299, #546A39, #32312A, #15140D)
• Aged Denim Drift color palette (#EDF7FB, #C9A0B9, #005C67, #00353C, #121C28)
• Dusty Driftwood color palette (#EBF9F5, #B2DDC5, #718658, #2F564D, #212F2B)
• Washed Quarry color palette (#EFF7F5, #99CCC3, #4B82B1, #427F1E, #242F39)
• Softworn Alley color palette (#F5F7E9, #FCD7AC, #88A983, #6D722A, #2B2C22)
• Taupe Summit color palette (#E3F2F5, #C68D6B, #004E48, #002825, #04111B)
• Bronze Garden color palette (#D2ECF3, #AE643F, #49433B, #002D2E, #000C0C)
• Nocturne Chestnut color palette (#DEF4F2, #884F00, #28242B, #001A07, #000301)

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