Driftwood Harbor color palette — #F5EAEE · #A6784C · #2D4133 · #29181F · #110A0E
Built around Mocha, softened by Forest — the whole palette hums with optimism and sophistication.
The five colors
- Blush (#F5EAEE): bright and airy, almost weightless.
- Mocha (#A6784C): A luminous, balanced gold — the color of old brass.
- Forest (#2D4133): A deep, shadowed, dusty teal — the color of sea glass.
- Onyx (#29181F): A deep, shadowed, dusty rose — the color of pressed rose petals.
- Ink (#110A0E): a grounded near-black with real depth.
Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, 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
- Amber Lagoon color palette (#F9F0E7, #C58E59, #735100, #522F00, #25201D)
- Ancient Olive color palette (#DCF4EE, #5E8235, #133837, #001B16, #010805)
- Softworn Dune color palette (#FDF2F6, #DD9F6B, #405B4F, #38252C, #130D13)
- Driftwood Courtyard color palette (#E5F7EE, #A19F6E, #4E98B5, #A06184, #132D22)
- Velvet Fern Canyon color palette (#DAEEE1, #645400, #403235, #002018, #070500)
- Driftwood Pier color palette (#EBF5ED, #AFCBBD, #7A8A62, #735672, #23362D)
- Hushed Bronze Parlor color palette (#E7F6ED, #94BFA6, #8C99D0, #827200, #23304C)
- Ancient Driftwood color palette (#FFDCE8, #D0B385, #9D8637, #5F5C00, #134235)
Browse the whole catalog at Explore, or see today's palette.