Dusty Pier color palette — #F3F7F0 · #D4DDDB · #AAB3B9 · #8FA37F · #50544C

Moss and Charcoal Brown set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F3F7F0): a clean, paper-quiet neutral.
• Silver (#D4DDDB): a clean, paper-quiet neutral.
• Ash (#AAB3B9): a calm mid-gray that lets other colors speak.
• Moss (#8FA37F): A luminous, dusty green — the color of new leaves after rain.
• Charcoal Brown (#50544C): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. 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

• Abyss Drift color palette (#DCE4D9, #9BA9A0, #927F91, #005148, #040C02)
• Cocoa Lagoon color palette (#FDF3EA, #DDD0B2, #9E9E78, #738272, #614900)
• Bronze Workshop color palette (#F7F8D7, #C4D9C8, #B59FB1, #A5773D, #724700)
• Patina Petrol color palette (#E3F1EA, #CCBFCA, #B69DA6, #006A8A, #0B251A)
• Softworn Canyon color palette (#FFF2ED, #8DCEB2, #7097B6, #8F615C, #3D4C3D)
• Worn Cerulean Summit color palette (#F0F7F2, #E5D7DC, #CEBBBB, #488B9B, #313E36)
• Timeworn Hollow color palette (#E9F6EB, #47ACB5, #615263, #313B33, #20231C)
• Hushed Cocoa color palette (#F0F8EB, #75C2B1, #B07A8E, #8B5A54, #6A2E10)

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