Softworn Pier color palette — #F1F3E8 · #76AE96 · #00756A · #434069 · #142101

Built around Teal, softened by Jade — the whole palette hums with nature and growth.

The five colors

• Cream (#F1F3E8): bright and airy, almost weightless.
• Jade (#76AE96): A luminous, dusty teal — the color of sea glass.
• Teal (#00756A): A full-bodied, balanced teal — the color of sea glass.
• Navy (#434069): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#142101): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Tempered Olive Dune color palette (#F7F1E3, #9CA676, #497135, #5A3565, #221C00)
• Garnet Pier color palette (#F1F4DF, #7AB79A, #007C6E, #7E2946, #002819)
• Timeworn Lagoon Parlor color palette (#E5FBF8, #8BC3AA, #009487, #586282, #1D3B3C)
• Softworn Thicket color palette (#EEE5D8, #959056, #4B5E00, #621D29, #151300)
• Washed Drift color palette (#FAF5E7, #BADBB3, #509A87, #8C4E59, #282A06)
• Cobalt Dune color palette (#F6F1EA, #A7D2C5, #557DB8, #00596B, #151B45)
• Feathered Mulberry Alley color palette (#FCE2DD, #C17987, #008F88, #9E0044, #002220)
• Worn Aubergine Garden color palette (#E9DDC9, #7D7B45, #384C00, #330E61, #090800)

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