Driftwood Harbor color palette — #F6F1E6 · #C9C4A8 · #87873F · #516B2C · #32312A
A conversation between Moss and Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#F6F1E6): a clean, paper-quiet neutral.
- Pistachio (#C9C4A8): A luminous, dusty green — the color of fresh herbs.
- Moss (#87873F): A luminous, balanced green — the color of fresh herbs.
- Olive (#516B2C): A full-bodied, balanced green — the color of new leaves after rain.
- Espresso (#32312A): 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 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
- Hushed Drift color palette (#F1F3E8, #BDC8AE, #758A6E, #4F6858, #263800)
- Tempered Villa color palette (#E9E0D2, #837A34, #3E4A00, #002F3C, #0A0800)
- Patina Forest Villa color palette (#E9E9CF, #699B73, #00654B, #004245, #001806)
- Driftwood Coast color palette (#F9EDFA, #EBD2D5, #B3AD9D, #6A8C7C, #493B47)
- Tempered Balcony color palette (#F7F3D9, #8DB482, #147F4E, #005854, #0D2705)
- Washed Periwinkle Dune color palette (#FDEBFE, #749FD5, #B47C7F, #678258, #312132)
- Midnight Balcony color palette (#E6E1D2, #45630F, #00340A, #001914, #010100)
- Timeworn Ash color palette (#F5F1EA, #C9E2E5, #859DC4, #3F7383, #452D3F)
Browse the whole catalog at Explore, or see today's palette.