Driftwood Studio color palette — #F9EAE4 · #B16D6F · #5A2F00 · #281A16 · #110A0A

Mocha and Cocoa set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#F9EAE4): a clean, paper-quiet neutral.
• Mocha (#B16D6F): A luminous, balanced red — the color of late-summer berries.
• Cocoa (#5A2F00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#281A16): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#110A0A): 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 Studio 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

• Bronze Station color palette (#F5ECE3, #B07430, #3E3B34, #251C13, #100B08)
• Taupe Station color palette (#F8EEF7, #C6888A, #67515B, #403340, #242027)
• Eclipse Rust Alley color palette (#F9E8DF, #B53D00, #3A2500, #1F0900, #090101)
• Aged Alley color palette (#FEEFE0, #BF9267, #5B95B6, #4F7CA9, #332414)
• Eclipse Drift color palette (#EFDFD3, #863D00, #363E32, #251700, #0C0300)
• Driftwood Balcony color palette (#F6F2E6, #C5C6A5, #778C4A, #725960, #31322B)
• Fern Hollow color palette (#F6ECCE, #635E00, #212A26, #032602, #090800)
• Hushed Harbor color palette (#FBEFE7, #DAA687, #66A4CC, #9F6037, #0E392D)

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