Driftwood Field color palette — #FFF1F6 · #A0C2A9 · #9D785A · #6A5667 · #384D45

A conversation between Mocha and Stone, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Stone (#A0C2A9): A luminous, dusty teal — the color of sea glass.
• Mocha (#9D785A): A luminous, dusty gold — the color of honey in a jar.
• Graphite (#6A5667): A full-bodied, dusty pink — the color of peonies in June.
• Charcoal (#384D45): A deep, shadowed, 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 Field 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

• Tempered Bronze Terrace color palette (#FFF1F7, #BFA36A, #976541, #634661, #2A4339)
• Wandering Oat color palette (#FFF1F5, #B8D3B8, #B4909C, #896A78, #3D4C3F)
• Washed Jade color palette (#E9F9F9, #42A677, #A96D60, #74536C, #2D4141)
• Softworn Bronze Archive color palette (#FDEFE1, #CBB8A1, #A87740, #7D4A15, #352A19)
• Fern Cabin color palette (#D2F0E0, #83A26E, #6C661E, #314C2E, #183636)
• Powdered Aqua color palette (#D9FFF1, #60CCDF, #5C8DB5, #545482, #593A6D)
• Tempered Balcony color palette (#DBF7DF, #A0A340, #876200, #723612, #003F38)
• Seafoam Coast color palette (#EDF7F8, #79D5BA, #7775B4, #2D7D68, #2A2D38)

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