Driftwood Pier color palette — #E8F6EF · #888835 · #9B557B · #713C34 · #152015

Olive Leaf and Magenta Rose set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E8F6EF): a clean, paper-quiet neutral.
• Olive Leaf (#888835): A luminous, balanced green — the color of a quiet forest floor.
• Magenta Rose (#9B557B): A full-bodied, balanced rose — the color of a warm blush.
• Cocoa (#713C34): A full-bodied, dusty orange — the color of sun-warmed clay.
• Onyx (#152015): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Aged Pier color palette (#ECF5EB, #AE8955, #88519C, #6D3047, #24151E)
• Softworn Loft color palette (#E8F5F4, #4F9C71, #9B513C, #664B1D, #0A1E19)
• Washed Pier color palette (#EFF8ED, #009094, #85506B, #6A4155, #37342E)
• Washed Archive color palette (#EFF1FB, #9088C1, #A24863, #6B3B24, #112017)
• Hushed Lilac Thicket color palette (#EAF8F9, #75C3A6, #B17EC9, #895832, #142A2B)
• Hushed Petrol color palette (#E8F4F9, #3F9CA7, #6265A7, #613F67, #221823)
• Antique Teal Terrace color palette (#EFF9EC, #00BCAA, #6C8AB8, #6E693A, #2E3800)
• Muted Cobalt color palette (#E5F6F5, #75B7CC, #397FB0, #5E4869, #1F2E38)

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