Driftwood Harbor color palette — #FFF0F8 · #C0D8C1 · #D1A086 · #B37479 · #284437

Mocha takes the lead with Camel close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Oat (#C0D8C1): A whisper-light, dusty green — the color of a quiet forest floor.
• Camel (#D1A086): A luminous, dusty orange — the color of autumn markets.
• Mocha (#B37479): A luminous, dusty red — the color of late-summer berries.
• Forest (#284437): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Antique Ridge color palette (#F6E2EA, #A9CCAF, #CE8C5F, #A86463, #13382B)
• Driftwood Courtyard color palette (#EAFAF0, #ADDCD0, #B6AE75, #AC7D4C, #244343)
• Basalt Hollow color palette (#FFF2E9, #D0B9A2, #B48266, #8E594E, #533700)
• Tempered Taupe Chapel color palette (#FFEEE3, #C9A472, #986851, #693D43, #292210)
• Rust Atelier color palette (#D0E5CD, #C9B967, #CB8200, #C63600, #1F2F00)
• Powdered Bloom color palette (#EFF6FF, #99BBF2, #DE92B8, #A29100, #263446)
• Weathered Turquoise color palette (#EFF6FB, #9FE0FA, #E88FAC, #00B2DF, #2A1F2F)
• Faded Terracotta color palette (#FBE2EA, #AF9F62, #A96D24, #A3230C, #121900)

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