Driftwood Field color palette — #F8F0EE · #DDD6CE · #AFAFA2 · #A0786D · #3C3432

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

The five colors

• Cream (#F8F0EE): a clean, paper-quiet neutral.
• Bone (#DDD6CE): a clean, paper-quiet neutral.
• Ash (#AFAFA2): soft and architectural.
• Mocha (#A0786D): A luminous, dusty orange — the color of toasted spice.
• Espresso (#3C3432): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Driftwood Bloom color palette (#F8F3FA, #E4D7D9, #B1ADA3, #907897, #555057)
• Tempered Cocoa Market color palette (#F6EDE4, #BCB1A4, #9C8B6D, #623800, #120801)
• Aged Bronze color palette (#FBF0E4, #D8998C, #A86534, #475A27, #3A271C)
• Fern Studio color palette (#FFEEE3, #D7BEA6, #A48D6B, #61681F, #2E4400)
• Worn Chestnut color palette (#F2F3EB, #BFC8A2, #559173, #86551D, #30322B)
• Worn Garnet Grove color palette (#EAE2DF, #998A82, #955B31, #55000D, #040000)
• Worn Fern color palette (#F7F1E4, #DCD4B8, #B2AD86, #695B00, #221902)
• Muted Driftwood color palette (#F7F0ED, #DAD6CF, #ADB1A4, #A8736B, #3D3430)

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