Driftwood Pier color palette — #F3F7EC · #A1D1B0 · #B7A4D4 · #B2687E · #2C3700
Mocha takes the lead with Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F3F7EC): a clean, paper-quiet neutral.
- Pistachio (#A1D1B0): A luminous, dusty teal — the color of glacier melt.
- Mauve (#B7A4D4): A luminous, dusty violet — the color of a velvet chair.
- Mocha (#B2687E): A luminous, balanced red — the color of late-summer berries.
- Forest (#2C3700): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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
- Timeworn Harbor color palette (#EDF9EE, #89D1D8, #D49BB5, #A97450, #243728)
- Worn Driftwood color palette (#F8F5EB, #C8C791, #8CB2DC, #9E6DA7, #34322B)
- Tempered Pewter Meadow color palette (#F0F8F0, #90DBDC, #9095C7, #965366, #46360D)
- Tempered Mustard Summit color palette (#FDF4E8, #E5BB7C, #E39FBD, #BA906D, #413C36)
- Hushed Terrace color palette (#E3F6F5, #59A96B, #A17190, #655678, #122725)
- Aged Teal Quarry color palette (#F2F7F1, #D4DCDA, #B1B1BE, #78BDB2, #4A4F48)
- Tempered Brick color palette (#E9FCDE, #30D2B5, #B657B3, #C20024, #00211B)
- Chestnut Canyon color palette (#EAFAEC, #00B4BA, #BE689D, #964500, #001A1B)
Browse the whole catalog at Explore, or see today's palette.