Dusty Pier color palette — #F3F2EB · #D4DBD0 · #B3C4B1 · #737B3E · #2E2C22

Walnut and Stone set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F3F2EB): a clean, paper-quiet neutral.
• Silver (#D4DBD0): a clean, paper-quiet neutral.
• Stone (#B3C4B1): A luminous, dusty green — the color of fresh herbs.
• Walnut (#737B3E): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#2E2C22): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Dusty 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

• Washed Pewter Ridge color palette (#EFF8F3, #CFDFE2, #B1C4CE, #797748, #414A46)
• Cypress Market color palette (#EEF3EE, #C8DBD7, #A9BDAF, #007471, #1B231A)
• Washed Olive Delta color palette (#E3E2D6, #A0A192, #78833D, #2C3D00, #050400)
• Wandering Lagoon color palette (#EAF1D1, #90BEA6, #549A8F, #425E57, #483344)
• Weathered Abyss Workshop color palette (#E5ECE6, #A6B8AC, #729785, #004D53, #020E05)
• Dusty Pine Meadow color palette (#F7F2DF, #84AA64, #2B7D4C, #004E65, #23250A)
• Lime Coast color palette (#F3F4DF, #DFE796, #8BD655, #449D71, #262806)
• Timeworn Emerald color palette (#EFF4E7, #3FA370, #00727B, #034275, #321122)

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