Weathered Pier color palette — #F0F4E4 · #6FCF86 · #738070 · #53564C · #22221D

Built around Mint Leaf, softened by Driftwood — the whole palette hums with nature and growth.

The five colors

• Cream (#F0F4E4): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#6FCF86): A luminous, balanced green — the color of fresh herbs.
• Driftwood (#738070): A full-bodied, dusty green — the color of new leaves after rain.
• Charcoal Brown (#53564C): a grounded near-black with real depth.
• Onyx (#22221D): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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

• Hushed Terrace color palette (#EBF5EB, #00D0D5, #6A8278, #4F5750, #20231D)
• Lime Basin color palette (#F3F3E0, #95C967, #6A8647, #5B5702, #24211B)
• Timeworn Mint color palette (#E7FAF8, #7CC187, #3F5961, #1D2F2D, #0A110E)
• Tempered Jade Dune color palette (#E7F5DC, #00BC96, #20737E, #39472D, #111307)
• Lagoon Atelier color palette (#E0F1DA, #00A191, #1F5C6D, #283423, #040500)
• Washed Seafoam Harbor color palette (#F3FACF, #9CEFBD, #6CCFC0, #559B9F, #3B5646)
• Worn Balcony color palette (#FBF6DF, #C8E2CF, #ADC9B6, #A5928E, #604B47)
• Seafoam Terrace color palette (#ECFAE8, #5BE0D0, #F2A3BD, #D2A197, #3B4638)

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