Dusty Pier color palette — #FDF5DE · #E1D6AD · #94B978 · #7F6400 · #3E3B35

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

The five colors

• Cream (#FDF5DE): A whisper-light, dusty green — the color of a quiet forest floor.
• Wheat (#E1D6AD): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#94B978): A luminous, balanced green — the color of fresh herbs.
• Ochre (#7F6400): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#3E3B35): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, light, muted.

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

• Chestnut Harbor color palette (#FFF3E6, #E6D2B6, #B5AA75, #9D4F00, #573F1C)
• Timeworn Olive color palette (#F6F8DB, #BAE5BF, #7BB89C, #677931, #454900)
• Mint Garden color palette (#FEF0DA, #D2E6AE, #6CCCAB, #A15C35, #2A2303)
• Misty Hollow color palette (#F5EDCD, #A3BB7A, #69A15D, #554900, #202500)
• Hushed Veranda color palette (#E6FCEB, #D5EAB0, #7FDEC1, #B57752, #274238)
• Teal Corridor color palette (#E0EDD0, #49AA97, #008388, #003818, #00110C)
• Antique Market color palette (#F4F6EF, #71A883, #006D66, #006033, #0D1D0A)
• Frosted Pine color palette (#E7FEDA, #B0FFFB, #51C9D7, #008A63, #004F48)

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