Driftwood Harbor color palette — #F8F5EA · #BBC798 · #89843C · #5D6A5A · #594D00

Built around Olive Leaf, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#F8F5EA): bright and airy, almost weightless.
• Pistachio (#BBC798): A luminous, dusty green — the color of new leaves after rain.
• Olive Leaf (#89843C): A luminous, balanced green — the color of a quiet forest floor.
• Graphite (#5D6A5A): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Olive (#594D00): A full-bodied, balanced green — the color of new leaves after rain.

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

Use it as a design system

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

• Washed Basalt Basin color palette (#FAF5E9, #B2B47A, #6E794C, #715147, #504100)
• Patina Loft color palette (#F3F6EE, #B6C8A6, #548E82, #536C63, #3C5718)
• Dusty Driftwood Boulevard color palette (#F5F1EA, #CBC4A4, #8A863E, #4E685D, #33312A)
• Wandering Ash Basin color palette (#EEF8F1, #B3DCCB, #79A69C, #6D808E, #3D534A)
• Cocoa Parlor color palette (#FDF3EC, #EADCC2, #BBB88E, #B19098, #634800)
• Tempered Olive color palette (#F3E6CB, #707000, #333D00, #43070D, #111100)
• Antique Emerald color palette (#E4E7D1, #4BA067, #006544, #224633, #262C0F)
• Aged Moss color palette (#F6EBC6, #869F00, #416700, #71271A, #293300)

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