Driftwood Pier color palette — #F9F5ED · #D7DBCE · #BAC2AF · #917F4C · #3E3A32

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

The five colors

• Ivory (#F9F5ED): bright and airy, almost weightless.
• Bone (#D7DBCE): bright and airy, almost weightless.
• Stone (#BAC2AF): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#917F4C): A luminous, dusty green — the color of fresh herbs.
• Charcoal (#3E3A32): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, muted, light.

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

• Patina Pier color palette (#F1F7F2, #CEDDDC, #ADC6CA, #C3992D, #333D36)
• Olive Parlor color palette (#F6F6EA, #DDE1C7, #9DCBAD, #4D8A1B, #33332C)
• Softworn Taupe color palette (#F5F6EE, #D4DDD6, #A5B3B2, #9A9F83, #52534C)
• Mint Orchard color palette (#F4F8E3, #86C59C, #4C9074, #66635C, #343630)
• Tempered Lagoon Thicket color palette (#F3F7EF, #C7E5D8, #ABCBC0, #3C997A, #304903)
• Abyss Atelier color palette (#EAEEE0, #9DAA8F, #7B8D71, #00532F, #070B01)
• Weathered Parlor color palette (#F0EDE5, #C9C4B2, #A9A687, #6B6214, #231F13)
• Moss Meadow color palette (#F1EEDE, #7E8900, #464200, #26220D, #100D05)

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