Dusty Pier color palette — #FEF4E3 · #DCD0A3 · #9CB88D · #758BBB · #564600

Deep Olive and Slate Blue set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FEF4E3): A whisper-light, dusty gold — the color of old brass.
• Wheat (#DCD0A3): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#9CB88D): A luminous, dusty green — the color of new leaves after rain.
• Slate Blue (#758BBB): A luminous, dusty violet — the color of wild irises.
• Deep Olive (#564600): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged retro, 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

• Hushed Cerulean Field color palette (#FEF4E3, #FAC2A7, #C1AC7B, #399AB1, #683C00)
• Worn Lilac color palette (#FEF4E5, #B6DDB3, #70BFB3, #A07AB5, #464942)
• Jade Alley color palette (#FFF0F8, #FFD4A8, #7AB375, #7D6893, #334439)
• Tempered Fern Lantern color palette (#F5F6EC, #D8E3C5, #A8BD9D, #AE9579, #42550F)
• Pewter Delta color palette (#FFF2EB, #DAB696, #7F9D6D, #855C96, #5F4200)
• Dusty Market color palette (#F5F2E6, #B4BE80, #7C813A, #635400, #24211B)
• Hushed Grove color palette (#FDECD1, #96CB87, #21AE98, #8D59B3, #0F3A21)
• Misty Workshop color palette (#FFF4E2, #BACB61, #00BB72, #7859F0, #243E06)

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