Weathered Harbor color palette — #FFF2EB · #FFD1EF · #9EEB00 · #1E3200 · #161500

Chartreuse takes the lead with Deep Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Thistle (#FFD1EF): A whisper-light, dusty pink — the color of neon signs at night.
• Chartreuse (#9EEB00): A whisper-light, vivid green — the color of a quiet forest floor.
• Deep Forest (#1E3200): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#161500): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Energy, Balance. Tagged neon, dark, vibrant.

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

• Washed Sunflower Bloom color palette (#FFF1F1, #F0D6FF, #EFD009, #393000, #1D1300)
• Aged Seafoam Study color palette (#FFF2EB, #FFD3E7, #1DF4AC, #003724, #080D02)
• Sunlit Lime Cabin color palette (#FEDDE5, #A4C7FF, #00E35C, #3E6544, #11201F)
• Patina Lime color palette (#F6F8D9, #79D146, #955FE2, #A04C00, #0B2200)
• Hushed Hollow color palette (#FDE5FF, #FFC2C7, #7DB400, #0C1600, #010100)
• Pale Emerald color palette (#FBDFEB, #73B3FF, #00B347, #07270E, #0C0E02)
• Timeworn Boulevard color palette (#F8E2DA, #AEB2FF, #D79C00, #003A32, #19231B)
• Cypress Archive color palette (#EEFAE3, #FFCABC, #007E60, #003829, #040A00)

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