Driftwood Orchard color palette — #F0F8F0 · #A0C2A6 · #977B55 · #78505F · #3E4C42

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

The five colors

• Ivory (#F0F8F0): a clean, paper-quiet neutral.
• Sage (#A0C2A6): A luminous, dusty teal — the color of shallow lagoons.
• Mocha (#977B55): A luminous, dusty gold — the color of old brass.
• Coffee (#78505F): A full-bodied, dusty rose — the color of a warm blush.
• Charcoal (#3E4C42): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Washed Driftwood color palette (#EAFAEF, #9DC2AE, #8E804E, #47664D, #384D44)
• Weathered Driftwood Veranda color palette (#FDF1F8, #CFADBD, #A6725C, #705368, #554149)
• Stone Lagoon color palette (#E9F6E7, #C8BB8E, #708B6E, #684F5E, #1E312A)
• Softworn Bronze color palette (#EDF9EC, #BDA378, #986722, #6B492B, #314236)
• Stone Grove color palette (#EFF8ED, #C6E1D1, #A4BFA1, #A6879C, #364D47)
• Airy Moss Market color palette (#C0EACE, #9F8F14, #6E5900, #4E3800, #2B2B00)
• Washed Chestnut color palette (#F6E1EC, #BC8A65, #9B490F, #673422, #412831)
• Washed Denim Courtyard color palette (#F0F6FD, #99CEB1, #3F5F8A, #263A52, #24242F)

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