Softworn Pier color palette — #F4F2EB · #D4D8D2 · #A3B6B3 · #8D8545 · #39362E

Moss and Ash set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F4F2EB): bright and airy, almost weightless.
• Silver (#D4D8D2): a clean, paper-quiet neutral.
• Ash (#A3B6B3): A luminous, dusty teal — the color of shallow lagoons.
• Moss (#8D8545): A luminous, balanced green — the color of a quiet forest floor.
• Espresso (#39362E): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Dusty Chestnut Cabin color palette (#F5F1EB, #CCC3A8, #748B65, #805815, #33312A)
• Dusty Driftwood Boulevard color palette (#F7F5EF, #D7DBD4, #9AB2B3, #84855A, #55524B)
• Abyss Meadow color palette (#EBEFE9, #98A39B, #658378, #004037, #010600)
• Ancient Lagoon color palette (#FCEFE5, #B6AC7F, #4E8761, #6A4169, #302C17)
• Softworn Pine color palette (#F1F3EC, #CED9D4, #AEBBB0, #2B7637, #202213)
• Timeworn Coast color palette (#F6F1E9, #AF9A67, #2B7C99, #743446, #401922)
• Aged Teal color palette (#F3F3E6, #DFE2B9, #9ED7A8, #41AE9B, #282C0A)
• Aged Abyss Studio color palette (#EEEEE3, #6E8E53, #2C4400, #201F0D, #0F0C06)

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