Driftwood Harbor color palette — #FCF3F0 · #DDDACD · #BCC2AB · #B16965 · #423834

Built around Mocha, softened by Stone — the whole palette hums with sophistication.

The five colors

• Ivory (#FCF3F0): a clean, paper-quiet neutral.
• Bone (#DDDACD): a clean, paper-quiet neutral.
• Stone (#BCC2AB): A luminous, dusty green — the color of a quiet forest floor.
• Mocha (#B16965): A full-bodied, balanced orange — the color of toasted spice.
• Charcoal (#423834): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Hushed Grove color palette (#FAF4EE, #E8DEC1, #A1CB9D, #A86600, #37322C)
• Aged Parlor color palette (#FFE5E1, #D9AD95, #919C67, #806274, #5D3B51)
• Tempered Cocoa Quarry color palette (#F2ECE2, #A7A695, #7D8C6A, #564200, #0F0800)
• Ancient Emerald Terrace color palette (#FCF4EB, #B6BA78, #509254, #695B83, #37352F)
• Terracotta Parlor color palette (#EDE6E3, #CFC2B2, #B1A57A, #A63218, #2C1B12)
• Wandering Bronze Canyon color palette (#FFE9D6, #BF6500, #4F3D00, #301D0A, #130B08)
• Blush Studio color palette (#FCEDCF, #E08095, #996F00, #2C568C, #362F2B)
• Tempered Alley color palette (#FEEDEE, #D17ABC, #148117, #5F3A88, #351E4E)

Browse the whole catalog at Explore, or see today's palette.