Softworn Harbor color palette — #EBF8F6 · #A9CAB0 · #496745 · #0F413C · #17282D

Pine and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EBF8F6): bright and airy, almost weightless.
• Pistachio (#A9CAB0): A luminous, dusty teal — the color of sea glass.
• Pine (#496745): A full-bodied, dusty green — the color of a quiet forest floor.
• Forest (#0F413C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#17282D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Tempered Cypress color palette (#EAF4F4, #E6B8A1, #3F6D51, #093938, #081716)
• Washed Canyon color palette (#F4F7ED, #F5C5AE, #4C8E64, #46540A, #2A2D21)
• Tempered Quarry color palette (#F5F7E9, #F8DA9B, #9EA378, #6D732B, #2B2C23)
• Dusty Loft color palette (#D3E7ED, #9A7401, #49433B, #002D2E, #000C0C)
• Marigold Archive color palette (#E5FAFB, #C29C45, #00563B, #002F1F, #011822)
• Moonless Chestnut color palette (#E1F5F3, #785900, #2A252C, #001A09, #000301)
• Mulberry Market color palette (#EBFAED, #78B5AC, #33829D, #80425D, #334C54)
• Washed Station color palette (#E7FAF8, #6D9E75, #8474AD, #834B62, #2B4240)

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