Driftwood Loft color palette — #F0E8D0 · #9EB790 · #87843D · #775321 · #2F312B

Olive Leaf and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F0E8D0): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#9EB790): A luminous, dusty green — the color of new leaves after rain.
• Olive Leaf (#87843D): A luminous, balanced green — the color of a quiet forest floor.
• Coffee (#775321): A full-bodied, balanced gold — the color of old brass.
• Espresso (#2F312B): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Ancient Pier color palette (#FCE3CD, #C1AB85, #A5744D, #844743, #32302A)
• Antique Driftwood color palette (#E2FDEF, #B2D3A1, #918E3F, #774F0D, #002729)
• Sunlit Cocoa color palette (#F1DABA, #ACAA45, #9C6E00, #883600, #123200)
• Fern Thicket color palette (#DBEDE4, #70A394, #686819, #544200, #0A3833)
• Worn Market color palette (#FCF4E6, #D2CCA8, #AE9871, #9C6735, #454D00)
• Chestnut Alley color palette (#F0DACC, #AA8550, #93491F, #67222E, #191700)
• Dusty Olive Atelier color palette (#ECE0C1, #5C7A3C, #4E4600, #361E00, #000502)
• Worn Iris color palette (#FEE7F5, #8185D9, #55914F, #3A6F35, #341E2D)

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