Driftwood Summit color palette — #EEF8EF · #A4C0AC · #937D55 · #4A6648 · #384D41

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

The five colors

• Ivory (#EEF8EF): bright and airy, almost weightless.
• Stone (#A4C0AC): A luminous, dusty teal — the color of sea glass.
• Mocha (#937D55): A luminous, dusty gold — the color of afternoon light on wheat.
• Pine (#4A6648): A full-bodied, dusty green — the color of fresh herbs.
• Charcoal (#384D41): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Chestnut Canyon color palette (#EDF9ED, #91B097, #8D6C38, #744503, #274532)
• Chestnut Parlor color palette (#FFF1F6, #D0ADB9, #9B7384, #7C523C, #3F4C3F)
• Driftwood Station color palette (#E9F6EA, #A6C3B3, #9B7D4C, #6D4D5D, #1F302B)
• Washed Balcony color palette (#FDF4E7, #D8C9A4, #B2976C, #9D6637, #514800)
• Fern Courtyard color palette (#C2E9D2, #94914D, #695B00, #4C3900, #282C00)
• Weathered Corridor color palette (#F0F6FA, #90CBDB, #5382AC, #007A90, #232F3B)
• Worn Atelier color palette (#D2F2DA, #796600, #473500, #281900, #0D0C00)
• Timeworn Chestnut Grove color palette (#F7E1EB, #B38999, #8F5223, #693216, #20371F)

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