Softworn Pine Pier color palette — #EAF9F8 · #DAC18E · #3D8255 · #254C32 · #182424

Fern and Sand set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EAF9F8): bright and airy, almost weightless.
• Sand (#DAC18E): A luminous, dusty gold — the color of afternoon light on wheat.
• Fern (#3D8255): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#254C32): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#182424): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Softworn Pine 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 Corridor color palette (#EEF7F9, #E5CEA0, #448C84, #335359, #222E30)
• Ancient Mustard color palette (#E8F8FF, #DFB453, #007784, #00434B, #001E29)
• Tempered Pine Coast color palette (#F4F7E9, #EBEAAD, #568456, #383C00, #0F1106)
• Fern Chapel color palette (#F3F7EC, #FBCBA0, #66A485, #576C2B, #1F2416)
• Wandering Apricot Archive color palette (#E4FAFD, #E79873, #00604F, #02353A, #141D23)
• Chalky Azure color palette (#EEF7F8, #80D9B7, #2F93EB, #009770, #1A2530)
• Patina Bronze Terrace color palette (#CEE4E5, #A57C00, #00432E, #00140B, #000202)
• Tempered Grove color palette (#EFF7F9, #D5DCE7, #BAC3D7, #3FA199, #3F4A4D)

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