Softworn Pier color palette — #D3E6D5 · #7A6C00 · #343C00 · #002731 · #131000

Built around Olive, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Celadon Mist (#D3E6D5): A whisper-light, dusty green — the color of fresh herbs.
• Olive (#7A6C00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#343C00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Midnight (#002731): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#131000): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, 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

• Aged Corridor color palette (#D4E5D7, #837E00, #394D00, #332450, #1D1C00)
• Velvet Delta color palette (#F0D6E0, #7F6400, #343B00, #07194A, #040200)
• Dusty Garden color palette (#D6E6E2, #018140, #004232, #00282B, #001506)
• Worn Market color palette (#E7DFCB, #999E51, #637B00, #006456, #101100)
• Washed Orchard color palette (#E3E5FC, #7B14CF, #495100, #3C006B, #0F1100)
• Softworn Moss Loft color palette (#D8F3E0, #969900, #446700, #004A64, #2F3000)
• Antique Market color palette (#D5EAE5, #44A16A, #006450, #333A61, #06302F)
• Aubergine Harbor color palette (#EAE1F3, #6D00A2, #5C3700, #003935, #0F001B)

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