Driftwood Harbor color palette — #F5F1E8 · #CCC3A6 · #90843B · #7A584E · #33312A
Moss and Coffee set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F5F1E8): bright and airy, almost weightless.
- Sand (#CCC3A6): A luminous, dusty green — the color of fresh herbs.
- Moss (#90843B): A luminous, balanced green — the color of new leaves after rain.
- Coffee (#7A584E): A full-bodied, dusty orange — the color of sun-warmed clay.
- Espresso (#33312A): 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
- Timeworn Driftwood Thicket color palette (#F0F3EC, #BBC8B2, #718B6A, #416B5E, #2B3426)
- Softworn Chestnut color palette (#F0F4E7, #AABA97, #3E8472, #744B00, #212B13)
- Timeworn Chapel color palette (#FFEEE5, #F0C7B1, #B97866, #803523, #390F06)
- Eclipse Chestnut Lantern color palette (#EEE3D0, #746829, #3A3800, #351300, #040300)
- Weathered Terracotta color palette (#FFE8E5, #DEA2AB, #BD6D75, #8E403E, #3C3431)
- Taupe Boulevard color palette (#EEF8F2, #B8DACB, #93A36C, #8B758B, #40524A)
- Moss Quarry color palette (#EEE4CA, #979C35, #516400, #5C3200, #171800)
- Abyss Summit color palette (#E9EBDC, #548564, #005137, #3E2200, #000B03)
Browse the whole catalog at Explore, or see today's palette.