Driftwood Harbor color palette — #ECF8F4 · #B5CEA2 · #729C6C · #527884 · #2E4843

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

The five colors

• Ivory (#ECF8F4): a clean, paper-quiet neutral.
• Pistachio (#B5CEA2): A whisper-light, dusty green — the color of new leaves after rain.
• Moss (#729C6C): A luminous, balanced green — the color of fresh herbs.
• Slate (#527884): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#2E4843): A deep, shadowed, dusty teal — the color of shallow lagoons.

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 Stone color palette (#E7FBF1, #ABBE72, #6C8C4B, #75596E, #223B33)
• Turquoise Study color palette (#EEF8F6, #C7E1FD, #5CB4C1, #328A82, #2E4C5B)
• Tempered Mint color palette (#F8F5EB, #DCD7AC, #8EBA87, #6896BA, #4B4300)
• Timeworn Lagoon Thicket color palette (#CCEFF0, #008870, #005149, #002F49, #000709)
• Mint Parlor color palette (#C4F7F0, #5AC481, #008D63, #00657C, #0B371E)
• Pale Emerald Loft color palette (#D3EAE4, #419A2D, #00642C, #004047, #021500)
• Ancient Shell color palette (#F7F2FF, #E9DAD8, #FBBDC3, #968EB1, #4F4557)
• Misty Moss Study color palette (#DCEFE8, #74A344, #2C7221, #653723, #102000)

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