Softworn Pier color palette — #F7DEDD · #28BB21 · #AD8800 · #221800 · #000602

Clover and Mustard set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F7DEDD): A whisper-light, dusty orange — the color of autumn markets.
• Clover (#28BB21): A luminous, vivid green — the color of a quiet forest floor.
• Mustard (#AD8800): A luminous, balanced gold — the color of afternoon light on wheat.
• Ink (#221800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#000602): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged neon, dark, vibrant.

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

• Tempered Moss color palette (#CDE5F6, #00B698, #849900, #151A00, #000604)
• Frosted Amber color palette (#E1F5EF, #A3A300, #D66C00, #2A1000, #0E0308)
• Ancient Amber color palette (#F3E9FF, #00C6A6, #C98B00, #28280A, #1C1001)
• Moss Workshop color palette (#D7F6E8, #989C00, #006D3D, #4E5000, #000504)
• Amber Canyon color palette (#DBF0DF, #BB8C00, #503A00, #1E1400, #000401)
• Antique Chapel color palette (#D9E5CF, #31AE0A, #007338, #00402A, #001811)
• Chalky Workshop color palette (#EDDCBC, #00BCD2, #00B65E, #06222B, #030E0E)
• Worn Bloom color palette (#E7E7FF, #00A9E9, #00A681, #001A12, #000809)

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