Driftwood Harbor color palette — #FFF2EC · #E2DFBC · #B2AE87 · #967085 · #61484F
A conversation between Mocha and Sage, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Celadon Mist (#E2DFBC): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#B2AE87): A luminous, dusty green — the color of a quiet forest floor.
- Mocha (#967085): A full-bodied, dusty pink — the color of peonies in June.
- Charcoal Brown (#61484F): A full-bodied, dusty red — the color of late-summer berries.
Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted, light.
Use it as a design system
One click turns Driftwood Harbor 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
- Washed Chapel color palette (#FFF1F1, #E4D9CA, #CBB081, #5C8178, #3B524C)
- Teal Boulevard color palette (#FBF4E7, #CFE7C0, #7AAC83, #946A67, #393932)
- Tempered Lagoon color palette (#FEEECC, #99C799, #40A29B, #7F4D62, #49261C)
- Stone Orchard color palette (#FFE2FA, #9DC0A5, #668883, #545B71, #2C334A)
- Worn Oat Courtyard color palette (#E3FDEB, #B9DDCC, #9ABFB4, #7B9DA5, #345360)
- Patina Petrol color palette (#E0ECD6, #68B198, #007F97, #623332, #301004)
- Hushed Drift color palette (#F9E3DD, #A68557, #50682B, #322868, #10000C)
- Mustard Drift color palette (#FFF3E6, #FBD485, #B9A500, #69781E, #40423A)
Browse the whole catalog at Explore, or see today's palette.