Driftwood Harbor color palette — #E2F5EC · #A5BC78 · #939347 · #7D692D · #002B26
Built around Moss, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Cream (#E2F5EC): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#A5BC78): A luminous, balanced green — the color of new leaves after rain.
- Moss (#939347): A luminous, balanced green — the color of new leaves after rain.
- Walnut (#7D692D): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#002B26): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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
- Tempered Drift color palette (#DBEDDC, #C2B17D, #B58431, #905E35, #272500)
- Ancient Olive color palette (#FEF5DA, #9ABF88, #7F7A09, #613E00, #00180D)
- Softworn Taupe color palette (#EDF9EC, #E2CEA1, #C9A57A, #A67E64, #2D4337)
- Aged Fern Delta color palette (#EAE4CF, #7A904D, #5A5900, #3D2F00, #0F0F00)
- Tempered Pine Ridge color palette (#C5E6E4, #DDB14F, #2A8E53, #13562F, #000E0E)
- Washed Terrace color palette (#EAF9F1, #C1E2D6, #99C0AC, #7E9A85, #344E49)
- Hushed Lantern color palette (#D0F3F8, #00B295, #AB5CC1, #A63A34, #001B13)
- Pale Villa color palette (#DEEFF0, #3DDAA8, #00A3D2, #00A077, #000F1A)
Browse the whole catalog at Explore, or see today's palette.