Driftwood Summit color palette — #F9EAE3 · #B16E67 · #533400 · #2B1912 · #120A0A

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

The five colors

• Cream (#F9EAE3): bright and airy, almost weightless.
• Mocha (#B16E67): A luminous, balanced orange — the color of toasted spice.
• Cocoa (#533400): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#2B1912): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#120A0A): quiet, heavy and certain.

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

Use it as a design system

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

• Rust Courtyard color palette (#FEE8D9, #AA4A00, #322900, #200800, #0B0100)
• Aged Coral color palette (#FAEDF8, #DC7C76, #495F48, #3F343D, #232125)
• Dusty Cobalt color palette (#FEF0DC, #B49769, #4E95C4, #2F80B1, #322510)
• Deep Chestnut Veranda color palette (#F3DAC5, #804300, #383F33, #1D1B00, #0B0300)
• Ancient Chestnut Cabin color palette (#FFDDD6, #D7A094, #B3774B, #7A5200, #3A3831)
• Lagoon Boulevard color palette (#F5F2E9, #C3C7A8, #549081, #7A565D, #31322B)
• Dusty Drift color palette (#FCEFE6, #D4A98D, #71A0D4, #AA580B, #3F2642)
• Muted Cypress Garden color palette (#F6F1EC, #C8E3E6, #8A9BC5, #247976, #472D39)

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