Driftwood Orchard color palette — #FFF1F8 · #A97558 · #915F44 · #1B5F4F · #35303F

A conversation between Mocha and Walnut, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF1F8): bright and airy, almost weightless.
• Mocha (#A97558): A luminous, dusty orange — the color of autumn markets.
• Walnut (#915F44): A full-bodied, dusty orange — the color of autumn markets.
• Pine (#1B5F4F): A full-bodied, dusty teal — the color of sea glass.
• Espresso (#35303F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Driftwood Orchard 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 Bronze Coast color palette (#E8FAF3, #BE99C0, #9E6753, #27617A, #4E4354)
• Tempered Hollow color palette (#FBF2F9, #B3766B, #6A732E, #2A5070, #40323D)
• Patina Harbor color palette (#F9EEF7, #B06460, #344033, #2E252D, #191317)
• Bronze Thicket color palette (#FFF1F5, #945B00, #634C00, #003C5D, #2D1224)
• Antique Market color palette (#FBEEEE, #AB7C98, #5A6D33, #005B5D, #23121C)
• Dusty Chestnut color palette (#F4F4FF, #DDABC3, #A66E68, #7D4D16, #5A4600)
• Dusty Moss Boulevard color palette (#F8F2FE, #CF96B1, #82924A, #007B7D, #2D3345)
• Washed Hollow color palette (#F7F3FA, #E1D8D9, #B0ABA1, #8C799A, #555059)

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