Softworn Fern Harbor color palette — #E7F6EC · #81AB97 · #616B2C · #534600 · #012316

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

The five colors

• Cream (#E7F6EC): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#81AB97): A luminous, dusty teal — the color of sea glass.
• Olive (#616B2C): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#534600): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#012316): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Antique Fern color palette (#E8F5F0, #95BDB3, #617F58, #515A28, #042F27)
• Washed Olive Ridge color palette (#FDF4E7, #9F9E69, #477023, #664300, #37352F)
• Dusty Loft color palette (#C6EFE8, #5DA873, #006C48, #104C02, #001C09)
• Driftwood Alley color palette (#EDF9EE, #D3D4A2, #759563, #775F36, #063021)
• Lagoon Pier color palette (#E2F4F5, #00926C, #0078A4, #675C00, #00181A)
• Worn Teal color palette (#D0F8FF, #5DBEAF, #007466, #003C35, #000F0C)
• Fern Terrace color palette (#D5ECE0, #737F4A, #324D00, #2D2C00, #060900)
• Linen Cobalt color palette (#D8EEF0, #47A48B, #5F77C4, #006450, #0C1546)

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