Driftwood Field color palette — #F0F7F4 · #D2DDE1 · #B5C2CC · #86985B · #3F4B47

Moss and Stone set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#D2DDE1): a clean, paper-quiet neutral.
• Stone (#B5C2CC): A luminous, dusty blue — the color of open sky before noon.
• Moss (#86985B): A luminous, balanced green — the color of fresh herbs.
• Charcoal (#3F4B47): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. 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

• Worn Hollow color palette (#EFF7F8, #D2DBE5, #B7C0DD, #009C85, #284549)
• Emerald Coast color palette (#D6E9E8, #51A46A, #33535A, #173332, #0F1B18)
• Tempered Market color palette (#E2FEE7, #B6D5CD, #81A4AA, #887395, #65475C)
• Aged Abyss color palette (#DDE8E8, #99A8AC, #728A98, #00523B, #000C0D)
• Worn Lagoon color palette (#FFF0F8, #AEB780, #1A9C81, #8F476E, #144640)
• Antique Petrol color palette (#E7F0F4, #B7C6D3, #96A5C0, #006D7B, #0F222A)
• Mint Delta color palette (#E4FBF6, #FFE9B1, #8EDB8E, #00B2C7, #054242)
• Tempered Workshop color palette (#EFF7F6, #D3DDE3, #B6C3D0, #769B6C, #3B4C49)

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