Softworn Harbor color palette — #F8F5EE · #E7DEB7 · #9DC196 · #AC919F · #5B4C00

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

The five colors

• Ivory (#F8F5EE): bright and airy, almost weightless.
• Celadon Mist (#E7DEB7): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#9DC196): A luminous, dusty green — the color of a quiet forest floor.
• Dusty Rose (#AC919F): A luminous, dusty rose — the color of pressed rose petals.
• Deep Olive (#5B4C00): A full-bodied, balanced green — the color of new leaves after rain.

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

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

• Aged Harbor color palette (#F8F6E8, #ADF1EF, #AEB388, #788C79, #4C4900)
• Seafoam Archive color palette (#FEF1F5, #E6C7F9, #6FDFC1, #BB98D1, #445239)
• Wandering Teal Coast color palette (#F7F6E6, #A4D8B8, #41B5A7, #9D7497, #2E3B00)
• Tempered Stone color palette (#FFF1F3, #E3D9D1, #DDB1C6, #99B9CB, #604D4E)
• Ancient Powder color palette (#FAF3F0, #C3DFE5, #8AD3ED, #74B196, #365149)
• Hushed Mint Lagoon color palette (#FFF1F3, #E6B3E8, #9CCE8E, #61BABD, #523C3F)
• Muted Meadow color palette (#ECF4F0, #A4CEC1, #628C86, #4E6478, #233530)
• Softworn Mallow Thicket color palette (#FFF1F2, #FFD1D4, #E39CD1, #AE789C, #4B2A2E)

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