Driftwood Harbor color palette — #F4F2E7 · #C6C5A7 · #6E8D65 · #4F694F · #32312A
A conversation between Fern and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#F4F2E7): a clean, paper-quiet neutral.
- Pistachio (#C6C5A7): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#6E8D65): A luminous, dusty green — the color of new leaves after rain.
- Pine (#4F694F): A full-bodied, dusty 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
- Dusty Atelier color palette (#F7F1E7, #C0B290, #777948, #784349, #30260E)
- Softworn Cypress Grove color palette (#F2F2EC, #CADED7, #83A788, #197C6C, #223D2B)
- Softworn Grove color palette (#F0F8F0, #A7CAB9, #6D8C57, #5C657D, #405249)
- Antique Forest Coast color palette (#DFE4D1, #639C80, #006450, #003F54, #00170C)
- Onyx Canyon color palette (#F4EAD1, #686C31, #2F3C00, #410005, #030300)
- Worn Pine color palette (#F2F4DF, #83B68D, #007F53, #005666, #042810)
- Fern Meadow color palette (#EBE5CD, #879F59, #376A00, #701C00, #111900)
- Cocoa Ridge color palette (#FAF4ED, #C8DFCD, #A1B78E, #9A7B90, #574400)
Browse the whole catalog at Explore, or see today's palette.