Driftwood Harbor color palette — #FFF1F7 · #E5D8D4 · #DFC0A2 · #977A99 · #5D464E
A conversation between Heather and Sand, giving this palette its sense of sophistication and softness.
The five colors
- Ivory (#FFF1F7): a clean, paper-quiet neutral.
- Bone (#E5D8D4): a clean, paper-quiet neutral.
- Sand (#DFC0A2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Heather (#977A99): A luminous, dusty pink — the color of neon signs at night.
- Charcoal Brown (#5D464E): A full-bodied, dusty rose — the color of pressed rose petals.
Feels like: Sophistication, Softness, Clarity. Tagged pastel, light, 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
- Aged Grove color palette (#F0F1FE, #DDD3DF, #D9B7D4, #847EAD, #3F3F4F)
- Ancient Lagoon color palette (#FFF0FB, #E7D8D6, #DCC0AB, #699785, #624D58)
- Patina Ash Courtyard color palette (#FFF1F6, #E4D6D3, #A8B1A3, #9F98CE, #634C54)
- Feathered Apricot color palette (#FFF1F5, #FFCDE5, #FB9980, #686EB4, #603C5A)
- Dusty Pewter color palette (#FEF1F4, #C6C29B, #6E5373, #493036, #2E201B)
- Softworn Pewter color palette (#FCF2F3, #E3B1B5, #A56F47, #905683, #322D28)
- Hushed Terrace color palette (#FEF3E6, #C3B79D, #A2773A, #854E1F, #524800)
- Tempered Drift color palette (#FFF1F1, #B9799E, #66896A, #436A48, #4A3838)
Browse the whole catalog at Explore, or see today's palette.