Softworn Harbor color palette — #F8F1E4 · #B5AC86 · #88732F · #644524 · #24240F

Built around Walnut, softened by Bronze — the whole palette hums with nature and growth.

The five colors

• Cream (#F8F1E4): a clean, paper-quiet neutral.
• Sage (#B5AC86): A luminous, dusty green — the color of a quiet forest floor.
• Walnut (#88732F): A full-bodied, balanced green — the color of fresh herbs.
• Bronze (#644524): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Onyx (#24240F): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Linen Bronze color palette (#FCE5CD, #B69D5C, #975B00, #732804, #1D1E00)
• Wandering Bloom color palette (#FDEFE6, #D2B698, #A37763, #734D41, #322B1E)
• Taupe Chapel color palette (#FDF4E1, #B0AA69, #7E7245, #614F27, #3F3D36)
• Washed Studio color palette (#FFE3EB, #E7928E, #B15E2D, #654600, #252400)
• Driftwood Balcony color palette (#F3E8D9, #94873D, #714D00, #502200, #120E00)
• Amber Orchard color palette (#F7E2D4, #C77805, #973A00, #6A001A, #191100)
• Tempered Thicket color palette (#FAEFEE, #E696C2, #7C7900, #944373, #120E03)
• Charred Fern color palette (#F5EBCF, #536C0F, #3D3700, #231500, #000200)

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