Timeworn Driftwood Pier color palette — #ECF9F0 · #A2C0B1 · #8E7F55 · #4E644D · #3A4C46
A conversation between Mocha and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#ECF9F0): bright and airy, almost weightless.
- Ash (#A2C0B1): A luminous, dusty teal — the color of sea glass.
- Mocha (#8E7F55): A full-bodied, dusty green — the color of a quiet forest floor.
- Pine (#4E644D): A full-bodied, dusty green — the color of a quiet forest floor.
- Charcoal (#3A4C46): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Timeworn 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 Workshop color palette (#FCF2F8, #CFADBB, #A3735F, #71526C, #404B40)
- Timeworn Driftwood color palette (#E9F6EB, #99C7B5, #6A8D72, #68505C, #1A312E)
- Dusty Bronze color palette (#EAFAED, #AFA97A, #896F2D, #6B4452, #29433A)
- Wandering Cocoa color palette (#FDF4E3, #E6D8B6, #C7B38E, #A28F73, #574600)
- Hushed Iris color palette (#F1F5FF, #8789C9, #9D773E, #526834, #383D4A)
- Softworn Workshop color palette (#D5E9D6, #8A732E, #5E3E00, #3F1E00, #001C11)
- Patina Moss Workshop color palette (#C5E8D7, #7B9C21, #605F00, #4A3A00, #0D3201)
- Hushed Field color palette (#F7E1E9, #B29157, #8B5513, #6A3212, #1F3628)
Browse the whole catalog at Explore, or see today's palette.