Driftwood Harbor color palette — #F4F2E9 · #C6C5A6 · #688E6C · #77585C · #32312B

Fern and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F4F2E9): a clean, paper-quiet neutral.
• Pistachio (#C6C5A6): A luminous, dusty green — the color of fresh herbs.
• Fern (#688E6C): A luminous, dusty green — the color of a quiet forest floor.
• Graphite (#77585C): A full-bodied, dusty red — the color of embers at dusk.
• Espresso (#32312B): quiet, heavy and certain.

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

• Softworn Pine Alley color palette (#F5F2E9, #B9B58D, #4E844E, #7E431F, #2A2814)
• Patina Stone Villa color palette (#ECF9F0, #9ACDC1, #5C8B8C, #646476, #3E524D)
• Amber Station color palette (#FFEFDF, #F0C69C, #B2793D, #6C410C, #2C1701)
• Softworn Driftwood color palette (#FCEFE5, #DCDEC3, #BACAA3, #B07F73, #3D3832)
• Aged Turquoise color palette (#FCEFE6, #E0A380, #3BAAD1, #A05F36, #17392A)
• Muted Cypress Drift color palette (#F5F1EB, #C4E5E5, #73A2C6, #21787F, #412F41)
• Jade Corridor color palette (#F4F4DC, #6CBC83, #007E62, #6C3950, #002910)
• Lagoon Market color palette (#FFEEE0, #C88D5F, #3DA18D, #7F6CA9, #332417)

Browse the whole catalog at Explore, or see today's palette.