Driftwood Field color palette — #FFF0F8 · #A5C1A2 · #A4735A · #6E536C · #3D4C42

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

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Sage (#A5C1A2): A luminous, dusty green — the color of a quiet forest floor.
• Mocha (#A4735A): A full-bodied, dusty orange — the color of toasted spice.
• Graphite (#6E536C): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal (#3D4C42): A full-bodied, 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 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

• Aged Bronze Pier color palette (#FFF0F9, #C59F79, #9F6044, #634663, #2E4334)
• Patina Studio color palette (#EDF9F1, #9EC1B4, #8D804A, #4E644C, #354D49)
• Worn Oat Orchard color palette (#FFF0F7, #EBC1A1, #B78DA2, #846C7B, #524348)
• Timeworn Chestnut color palette (#F9F3F9, #9FCCB6, #814D50, #453046, #2B2326)
• Dusty Alley color palette (#FFEEE2, #D7B493, #A07961, #80471E, #342A20)
• Bronze Terrace color palette (#F9F3F8, #EEADA6, #6E8845, #9F544D, #24312D)
• Wandering Lagoon color palette (#FFF1F6, #BB824D, #4B8F6E, #2D658B, #47383E)
• Pale Bronze color palette (#DFF6DD, #AF9B5D, #915C00, #77320C, #353908)

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