Driftwood Harbor color palette — #CFE9D2 · #8FB69E · #797E47 · #286169 · #2D435A

Walnut and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#CFE9D2): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#8FB69E): A luminous, dusty teal — the color of sea glass.
• Walnut (#797E47): A full-bodied, dusty green — the color of new leaves after rain.
• Peacock (#286169): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#2D435A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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

• Pewter Cabin color palette (#FFD7EB, #94AE91, #5C7F67, #2E615F, #284555)
• Petrol Study color palette (#DBF9E8, #98C1B4, #5A8C84, #3F6E7D, #475063)
• Dusty Quarry color palette (#FDE5F8, #C3986A, #738151, #414C63, #1C273D)
• Aged Bronze color palette (#F9E0F0, #BD91A6, #947341, #275A54, #213F4B)
• Muted Corridor color palette (#E0F1E6, #59AD97, #087C7C, #2D4562, #312847)
• Timeworn Hollow color palette (#EFF7F6, #93D1DE, #0086A3, #005F62, #183F55)
• Aged Field color palette (#EAFAEF, #A39D69, #656800, #633D51, #223C2F)
• Worn Oat Terrace color palette (#F6DDFF, #E8BA9F, #89B7A7, #8282AD, #3F4761)

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