Weathered Pier color palette — #F6F1E8 · #BCB489 · #578255 · #6C4958 · #2C2810

Built around Fern, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#F6F1E8): a clean, paper-quiet neutral.
• Sage (#BCB489): A luminous, dusty green — the color of new leaves after rain.
• Fern (#578255): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#6C4958): A full-bodied, dusty rose — the color of strawberry cream.
• Onyx (#2C2810): 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 Weathered 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

• Patina Olive Grove color palette (#FAF0E3, #B0AC4F, #497B16, #68395D, #291F00)
• Patina Chestnut Field color palette (#FAF5E6, #AAB77C, #687B50, #844728, #4D4200)
• Softworn Studio color palette (#EDF8F0, #C0CA9C, #759B73, #6C6F89, #334740)
• Forest Corridor color palette (#EFE7D9, #899550, #0D6713, #542740, #161200)
• Patina Bronze color palette (#FFEEE2, #F1AA84, #B25D00, #622E00, #250E00)
• Washed Cerulean color palette (#F7F0ED, #C1E7CE, #4896C3, #006E5E, #3A223A)
• Antique Olive color palette (#EAE5D4, #518847, #00513A, #50081D, #010B00)
• Inked Olive Orchard color palette (#EEE3CB, #55732A, #004222, #2C0B3E, #020300)

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