Driftwood Drift color palette — #F8EEF6 · #A76A62 · #49363D · #32232F · #1B1417

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

The five colors

• Blush (#F8EEF6): a clean, paper-quiet neutral.
• Mocha (#A76A62): A full-bodied, dusty orange — the color of sun-warmed clay.
• Charcoal (#49363D): A deep, shadowed, dusty rose — the color of a warm blush.
• Onyx (#32232F): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#1B1417): a grounded near-black with real depth.

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

Use it as a design system

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

• Ancient Bronze Archive color palette (#EAF5EA, #9C7535, #2B4239, #1F2D20, #211718)
• Hushed Coral color palette (#FCEDF7, #D08575, #694F5E, #40333D, #252024)
• Dusty Apricot Station color palette (#FEEEE7, #FF9586, #A17038, #5E524C, #26201F)
• Velvet Bronze Harbor color palette (#FFE3F1, #A34C00, #372800, #2B0F00, #110302)
• Cocoa Boulevard color palette (#E0F7E4, #594000, #282114, #0D1100, #050300)
• Hushed Cobalt Ridge color palette (#E9FBEC, #B19457, #5194AC, #5D71B7, #344838)
• Chestnut Boulevard color palette (#FFF0FE, #DDA793, #B4794E, #835600, #2F5440)
• Timeworn Petrol color palette (#F6F3FF, #CDB9CE, #A08791, #4E738A, #524C60)

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