Driftwood Harbor color palette — #FCF2F7 · #CCD6B1 · #977085 · #5C4551 · #32282D
Built around Mocha, softened by Wheat — the whole palette hums with nature and growth.
The five colors
- Ivory (#FCF2F7): a clean, paper-quiet neutral.
- Wheat (#CCD6B1): A whisper-light, dusty green — the color of a quiet forest floor.
- Mocha (#977085): A full-bodied, dusty rose — the color of strawberry cream.
- Charcoal Brown (#5C4551): A full-bodied, dusty rose — the color of a warm blush.
- Onyx (#32282D): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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
- Ash Quarry color palette (#FDF2F5, #F3DBAA, #AD91C3, #87606D, #33282B)
- Worn Driftwood Station color palette (#F2F5FE, #BAE4F1, #8180AE, #3D455F, #181B23)
- Aged Pewter Corridor color palette (#F4F4FF, #A7CBAE, #6B527D, #363453, #2A232C)
- Taupe Basin color palette (#F8F7E1, #CCB2DF, #BD8079, #3D7888, #5A4041)
- Hushed Market color palette (#FCF3F3, #E0D9D2, #AFB3A9, #B58DA8, #5B4F50)
- Ash Terrace color palette (#FFF1F3, #C998C3, #94A373, #738150, #4C3739)
- Worn Iris color palette (#FBF2F6, #D9C6FB, #B19860, #977DBF, #312D27)
- Ancient Mulberry color palette (#EED7DB, #6CB88A, #703F77, #3C1741, #190309)
Browse the whole catalog at Explore, or see today's palette.