Softworn Pier color palette — #FFF3E9 · #FFDBB3 · #CDB770 · #838A31 · #4B4C44

A conversation between Olive Leaf and Sand, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Peach Cream (#FFDBB3): A whisper-light, dusty gold — the color of old brass.
• Sand (#CDB770): A luminous, balanced green — the color of fresh herbs.
• Olive Leaf (#838A31): A luminous, balanced green — the color of new leaves after rain.
• Charcoal Brown (#4B4C44): quiet, heavy and certain.

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

• Worn Mustard color palette (#FFE4C2, #D6B165, #947E38, #6D612E, #37352E)
• Ancient Orchard color palette (#E3FEE6, #EDD397, #CEB14F, #A3985C, #365748)
• Antique Bronze Quarry color palette (#FFF2EF, #F2D5C1, #E39D7F, #B27035, #544F49)
• Timeworn Alley color palette (#FFF5D9, #C2F0C9, #92C38A, #3B8B61, #1F5448)
• Washed Amber Basin color palette (#FBF5E8, #F4E6AF, #CAC3FF, #B1992F, #5C394D)
• Aged Mustard color palette (#F8E0A1, #BBAD22, #6C8900, #00581C, #002615)
• Pale Sunflower color palette (#FFF4E1, #E5CC41, #8F9800, #3C6D00, #004018)
• Wandering Hollow color palette (#FAF5E9, #C1E1D4, #BEC5D1, #CDA77D, #564F00)

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