Driftwood Canyon color palette — #FFF1F1 · #CFDDCD · #A57977 · #583F3D · #221818

Built around Mocha, softened by Cocoa — the whole palette hums with sophistication.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Silver (#CFDDCD): A whisper-light, dusty green — the color of new leaves after rain.
• Mocha (#A57977): A luminous, dusty orange — the color of autumn markets.
• Cocoa (#583F3D): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#221818): a grounded near-black with real depth.

Feels like: Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Driftwood Canyon 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

• Basalt Ridge color palette (#FFF3E8, #FCE2AD, #986B4B, #552D00, #180C04)
• Tempered Ash Market color palette (#FCF2F3, #D8E3C1, #BD8DB1, #845F7B, #342829)
• Worn Blush Courtyard color palette (#FCF3F1, #E6D8D5, #C4AB72, #CF7E92, #231D13)
• Pewter Coast color palette (#F2F0F9, #A8CFAD, #785276, #332D43, #15121C)
• Hushed Bronze color palette (#FFF2EE, #E4D7C9, #DEA983, #997437, #493B00)
• Worn Marigold Garden color palette (#FCEADF, #C99A21, #652500, #1B231C, #130300)
• Softworn Mallow color palette (#FFF2F0, #F6AAC4, #8DBC95, #4C8E94, #3F2C2A)
• Ancient Lantern color palette (#FFF2EC, #EBCC8B, #8C5143, #411B12, #0A0200)

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