Driftwood Station color palette — #F6EBE3 · #AD7256 · #3F3B34 · #271B13 · #120A08

Built around Mocha, softened by Onyx — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#F6EBE3): bright and airy, almost weightless.
• Mocha (#AD7256): A luminous, balanced orange — the color of sun-warmed clay.
• Charcoal (#3F3B34): quiet, heavy and certain.
• Onyx (#271B13): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#120A08): a grounded near-black with real depth.

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

Use it as a design system

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

• Cocoa Drift color palette (#F6EAE9, #AE6C81, #612800, #2C1816, #130A0B)
• Amber Archive color palette (#FBEDF5, #D5845C, #4A5E4D, #40343B, #242024)
• Weathered Courtyard color palette (#F2EDD9, #777B12, #30322B, #1C1500, #090602)
• Washed Cobalt color palette (#FBF1DC, #AC9C5D, #6F8FBF, #6E71B0, #30260E)
• Aged Bronze Courtyard color palette (#FFDFD0, #D7AA8B, #A67632, #6A5B00, #38362F)
• Worn Field color palette (#F9F1E5, #C9AF81, #839BD0, #926A00, #40273D)
• Hushed Loft color palette (#EAEBCF, #366B00, #3C4649, #00251B, #030A00)
• Spruce Bloom color palette (#F2F2EC, #BDC8AC, #538F8A, #7B5657, #283700)

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