Softworn Pier color palette — #FEF1F8 · #BC8061 · #6B8B47 · #286E4F · #493741

Olive Leaf takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FEF1F8): a clean, paper-quiet neutral.
• Caramel (#BC8061): A luminous, balanced orange — the color of toasted spice.
• Olive Leaf (#6B8B47): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#286E4F): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#493741): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Lagoon Orchard color palette (#EDF9EE, #AD8A4B, #3E916A, #066D6E, #334135)
• Hushed Orchard color palette (#F8F2FF, #B77A9E, #A27444, #696030, #41394A)
• Weathered Fuchsia Station color palette (#FFF1F2, #DB8DC5, #7AA889, #5A8669, #4B3738)
• Wandering Peony Market color palette (#F5EEFF, #C674B1, #5E9071, #3E694F, #251F2F)
• Weathered Terrace color palette (#FFF0F8, #B85600, #407700, #005841, #43210B)
• Dusty Driftwood color palette (#F8F3F9, #E0D7DA, #B5ABA2, #A67179, #565057)
• Bronze Meadow color palette (#FFF0FE, #E4A49D, #B66A52, #854B2C, #693A09)
• Tempered Forest color palette (#CEE6CE, #845800, #006438, #00413F, #09210A)

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