Driftwood Drift color palette — #D9F8E1 · #BD6A6B · #6B5900 · #243E6E · #452337

A conversation between Mocha and Olive, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#D9F8E1): A whisper-light, dusty teal — the color of shallow lagoons.
• Mocha (#BD6A6B): A luminous, balanced red — the color of a theater curtain.
• Olive (#6B5900): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#243E6E): A deep, shadowed, balanced violet — the color of a velvet chair.
• Espresso (#452337): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.

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

• Chestnut Loft color palette (#D5F8E7, #AF6C9A, #8A4500, #004567, #3E2643)
• Aged Amber color palette (#F6E7CF, #C07348, #715700, #00404E, #261300)
• Muted Alley color palette (#E8FCE6, #CA8464, #627135, #454877, #304330)
• Quiet Bronze Courtyard color palette (#DFF5E3, #DA8B60, #937300, #005F74, #462806)
• Pewter Hollow color palette (#F8DCF9, #BD93A1, #637955, #4C526B, #41374E)
• Chalky Bronze Workshop color palette (#FFE7F2, #B17918, #256A3B, #4A306D, #143828)
• Patina Drift color palette (#FCEDF7, #B85637, #005E70, #033875, #251952)
• Hushed Cobalt color palette (#FCF2F8, #A4CBE1, #477CAE, #00624D, #32375C)

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