Dusty Driftwood Terrace color palette — #FBF1DD · #D4E1B8 · #9BCFAA · #9C7B4B · #312E27

Mocha and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FBF1DD): A whisper-light, dusty gold — the color of old brass.
• Celadon Mist (#D4E1B8): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#9BCFAA): A luminous, dusty teal — the color of shallow lagoons.
• Mocha (#9C7B4B): A luminous, dusty gold — the color of old brass.
• Espresso (#312E27): a grounded near-black with real depth.

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

Use it as a design system

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

• Aged Driftwood color palette (#F4F3E5, #B5E1D2, #8DC2B9, #95833A, #434000)
• Washed Basalt color palette (#FFEEE3, #DED5C4, #C4C198, #996A62, #522A00)
• Hushed Cocoa color palette (#FAF0E3, #BCA88A, #8A704A, #6C4100, #2C210B)
• Timeworn Cypress Quarry color palette (#E9F8DA, #ADEBDF, #7ABEC1, #50805F, #1F2D13)
• Muted Amber Canyon color palette (#E6FCEC, #BEE7E5, #D0E0A2, #BE9451, #385847)
• Feathered Clover color palette (#F5F7B7, #C4E398, #70C072, #6A5E00, #1C2200)
• Olive Balcony color palette (#F0EEDD, #9BA267, #54882E, #544000, #060600)
• Ancient Pine Alley color palette (#F1F3EA, #97C097, #00877D, #25782C, #081106)

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