Softworn Pier color palette — #E9F0E2 · #00A477 · #14605C · #253600 · #040500

Fern takes the lead with Deep Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#E9F0E2): bright and airy, almost weightless.
• Fern (#00A477): A luminous, balanced teal — the color of sea glass.
• Peacock (#14605C): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Forest (#253600): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#040500): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, muted.

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

• Antique Teal color palette (#E6F3DF, #00B498, #306C70, #35412D, #0C0F06)
• Ancient Orchard color palette (#F0F0D7, #5DA100, #206241, #303029, #060400)
• Tempered Lagoon Parlor color palette (#DEEEDA, #008C83, #004B56, #10220D, #010200)
• Pine Field color palette (#CBEDEE, #008C61, #382F32, #002937, #000505)
• Cerulean Boulevard color palette (#D9EAE0, #00A2C4, #005D95, #003B4A, #000B02)
• Jade Coast color palette (#E8E5D5, #97CA89, #2DAA6D, #6F7C3A, #2A2B0E)
• Dusty Lantern color palette (#E5F7EF, #53C5F8, #887488, #495952, #1E2320)
• Hushed Thicket color palette (#F5EDE1, #9EE1E1, #00B8D0, #009475, #003344)

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