Softworn Pier color palette — #ECF5EB · #CF923B · #6C6800 · #754B00 · #000904

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

The five colors

• Cream (#ECF5EB): a clean, paper-quiet neutral.
• Mustard (#CF923B): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#6C6800): A full-bodied, balanced green — the color of a quiet forest floor.
• Bronze (#754B00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#000904): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone, 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

• Olive Meadow color palette (#EDF4EF, #C4B378, #648116, #796200, #03120E)
• Amber Lantern color palette (#FEF3EA, #E6761F, #3A6D00, #7D3A00, #1A1A03)
• Ancient Terracotta Veranda color palette (#F9EEF7, #DD837A, #8E5600, #9E1319, #100207)
• Softworn Moss Garden color palette (#EAF4F1, #8EAE43, #007755, #485E00, #000809)
• Frosted Moss Coast color palette (#D2F2DF, #9B8B00, #4E6500, #004242, #001E13)
• Patina Bronze color palette (#E2F2E5, #997100, #404900, #463200, #000201)
• Timeworn Lantern color palette (#E5F7ED, #F6BD3E, #BDAE00, #688F0F, #1A1B00)
• Feathered Hollow color palette (#FEF1F8, #FFBFA1, #00A27C, #BE5000, #000708)

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