Softworn Harbor color palette — #E6F6F0 · #81AD89 · #007662 · #4B405F · #002220

Built around Teal, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#E6F6F0): bright and airy, almost weightless.
• Sage (#81AD89): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#007662): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#4B405F): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#002220): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Timeworn Cypress Boulevard color palette (#E0FCF7, #6CAC7C, #1F7351, #60404D, #143D3B)
• Muted Olive color palette (#EBF5EB, #96BEAA, #5E813E, #594F6C, #162D23)
• Frosted Garden color palette (#D1EDDC, #7DA444, #006E3B, #6A1B3E, #0F1A00)
• Lagoon Coast color palette (#D4E7E4, #3FA185, #006264, #572B1A, #001618)
• Mint Summit color palette (#F9F6E2, #80C890, #37927F, #7A595D, #35362F)
• Patina Onyx color palette (#DBEEE9, #3D8A66, #004F4A, #4A0A36, #000B05)
• Cobalt Station color palette (#EDF4EC, #A9CBED, #5C76C7, #005A66, #191E3A)
• Wandering Marigold color palette (#FFF0D5, #CBA349, #846100, #453500, #110A00)

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