Softworn Pier color palette — #F0DAE4 · #9F8D4D · #3B5800 · #003330 · #020100

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

The five colors

• Shell Pink (#F0DAE4): A whisper-light, dusty rose — the color of pressed rose petals.
• Moss (#9F8D4D): A luminous, balanced green — the color of new leaves after rain.
• Deep Olive (#3B5800): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#003330): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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 Harbor color palette (#CCE9DA, #6F9B6C, #005B4D, #002F47, #000200)
• Wandering Olive Meadow color palette (#D9F1E0, #6B6D00, #273E00, #002616, #000402)
• Wandering Olive Drift color palette (#EADEC9, #9B9E3D, #557F00, #006643, #101100)
• Washed Alley color palette (#FFF0F7, #B7A056, #4D6B00, #581C64, #0B0700)
• Aged Cobalt Pier color palette (#DDEEFF, #0083D5, #9B5000, #003E6A, #030100)
• Gentle Chapel color palette (#F8E9EF, #86BFE2, #325CCE, #003E3B, #040010)
• Softworn Emerald Coast color palette (#E9FBE6, #C9C96D, #3A9437, #00656C, #212000)
• Driftwood Lantern color palette (#FFF0F8, #B6DBBE, #829256, #6F5880, #0D3019)

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