Softworn Pier color palette — #FFF2EB · #FFC591 · #C2913C · #886B0E · #433F0A

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Cantaloupe (#FFC591): A whisper-light, balanced gold — the color of honey in a jar.
• Mustard (#C2913C): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#886B0E): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#433F0A): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Softworn Apricot Alley color palette (#FFF1F1, #FFC4B5, #DD8B63, #915723, #543A17)
• Marigold Balcony color palette (#FFEAE8, #F3B692, #DCA244, #978500, #45501C)
• Weathered Moss Lantern color palette (#DEFFE5, #EADA90, #A2A245, #63742C, #304A26)
• Bronze Thicket color palette (#FFE1DF, #E49967, #9C6F00, #615300, #21300C)
• Timeworn Amber Delta color palette (#FFE2CC, #B67A00, #6B5400, #2D2600, #040400)
• Amber Lagoon color palette (#E7FCEB, #F4CF83, #A3B8FB, #AA8328, #2B365D)
• Taupe Courtyard color palette (#FFF7C8, #CBE8B4, #B2A351, #6C5C0D, #251E00)
• Olive Market color palette (#F4EAC9, #7B7800, #354000, #081E00, #000200)

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