Driftwood Field color palette — #FDF2F5 · #A7794B · #82662E · #005769 · #3D2C3C

Built around Mocha, softened by Walnut — the whole palette hums with trust and stability.

The five colors

• Ivory (#FDF2F5): bright and airy, almost weightless.
• Mocha (#A7794B): A luminous, balanced gold — the color of old brass.
• Walnut (#82662E): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Peacock (#005769): A full-bodied, dusty blue — the color of deep harbor water.
• Espresso (#3D2C3C): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, 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

• Hushed Lagoon color palette (#F9F2FD, #A37082, #965433, #00575B, #382B3E)
• Bronze Cabin color palette (#FDEDF3, #A1704A, #2D4238, #33232A, #1B1315)
• Denim Cabin color palette (#EAFAEE, #D094A3, #8D7248, #3F5987, #53414F)
• Navy Courtyard color palette (#F1F7F0, #A07746, #536E32, #444586, #2F3B2E)
• Airy Bronze color palette (#E9FAED, #8E6C00, #585900, #003770, #3F1801)
• Hushed Villa color palette (#FDEEE9, #BD7276, #167E50, #01536F, #27181B)
• Antique Driftwood Ridge color palette (#F9F3F8, #E0D8D7, #A8B1BD, #A6736D, #575056)
• Washed Lagoon Quarry color palette (#FBF2FB, #D38A8E, #2F9866, #206B90, #32313F)

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