Weathered Driftwood Pier color palette — #FAF4E9 · #D4CAA3 · #90AA74 · #B06F6E · #37352F

Built around Mocha, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#FAF4E9): bright and airy, almost weightless.
• Pistachio (#D4CAA3): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#90AA74): A luminous, balanced green — the color of a quiet forest floor.
• Mocha (#B06F6E): A luminous, balanced orange — the color of sun-warmed clay.
• Espresso (#37352F): a grounded near-black with real depth.

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

Use it as a design system

One click turns Weathered 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

• Tempered Teal color palette (#F5F7E8, #C1D0AD, #49B5A3, #A9717F, #2B3C00)
• Pale Jade color palette (#FBF5E7, #C8D793, #82B668, #9B892A, #373F0F)
• Lagoon Pier color palette (#FBF4EA, #AEBB8D, #459363, #6F5881, #37362F)
• Antique Peony Balcony color palette (#EFE5C3, #B4B45C, #00B4EB, #DF63A6, #2E2D00)
• Fern Terrace color palette (#F4F6EE, #D7E3C9, #A4BF9C, #AE9676, #3E5615)
• Washed Marigold color palette (#FEF5D7, #C9E3C4, #76E4E2, #C69B44, #414039)
• Pale Bronze color palette (#EDEED2, #82D6A0, #00B08F, #AE6700, #00381C)
• Tempered Emerald Parlor color palette (#F7EED6, #9CB16B, #578F4B, #924D40, #171E00)

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