Driftwood Coast color palette — #F6F1E7 · #C5C6A9 · #708E4F · #4C695C · #31322B

Olive Leaf takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F6F1E7): bright and airy, almost weightless.
• Pistachio (#C5C6A9): A luminous, dusty green — the color of fresh herbs.
• Olive Leaf (#708E4F): A luminous, balanced green — the color of a quiet forest floor.
• Pine (#4C695C): A full-bodied, dusty teal — the color of sea glass.
• Espresso (#31322B): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Hushed Station color palette (#F7F1E7, #B9B58C, #478366, #6B4B4C, #2A2810)
• Softworn Olive color palette (#F6F5EF, #BEC5A7, #718C4C, #536E55, #4A5303)
• Dusty Cypress Dune color palette (#F8F0EC, #CAE2DF, #75A899, #3C7963, #452D3F)
• Deep Olive color palette (#E9DEC5, #4A762C, #004130, #3E001E, #010400)
• Weathered Fern color palette (#F5E6D9, #9B8D56, #42601A, #423051, #171200)
• Wandering Petrol color palette (#FAEDF8, #9FB3E1, #9CA169, #5B70A4, #33312A)
• Weathered Delta color palette (#F0F7F2, #BCD8D1, #72A6A8, #5C839A, #3A534D)
• Olive Lantern color palette (#FFEEE3, #C5A260, #677300, #534172, #2C1E00)

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