Softworn Harbor color palette — #F3EBD5 · #6C7115 · #303E00 · #272300 · #101100

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

The five colors

• Parchment (#F3EBD5): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#6C7115): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#303E00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#272300): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#101100): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Muted Pine color palette (#E3EACB, #2B7D57, #004232, #242400, #00140A)
• Aged Dune color palette (#D3E7D7, #838A32, #1E6300, #493400, #101100)
• Hushed Study color palette (#E7F4DD, #007058, #674300, #003529, #180D00)
• Navy Atelier color palette (#CDE9E4, #005950, #004273, #2E3400, #000A08)
• Tempered Forest color palette (#E1E8D3, #5D9A83, #006354, #094A2C, #202E0B)
• Wandering Fern Garden color palette (#FAF5E6, #A49B73, #576B35, #355434, #37352F)
• Tempered Harbor color palette (#D5F7F3, #2EB8BF, #00819A, #00483B, #001C1C)
• Wandering Pier color palette (#DCE0D1, #6497B0, #004F74, #002E38, #001528)

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