Driftwood Coast color palette — #FADFED · #99B896 · #A77256 · #7E4A48 · #163824

A conversation between Mocha and Coffee, giving this palette its sense of nature and growth.

The five colors

• Rose Water (#FADFED): A whisper-light, dusty rose — the color of a warm blush.
• Sage (#99B896): A luminous, dusty green — the color of a quiet forest floor.
• Mocha (#A77256): A luminous, dusty orange — the color of autumn markets.
• Coffee (#7E4A48): A full-bodied, dusty orange — the color of autumn markets.
• Deep Forest (#163824): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Driftwood Coast 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

• Washed Courtyard color palette (#D4F0DF, #A9B583, #90803A, #725530, #0F3833)
• Ancient Amber color palette (#FFE7F1, #D5AD6C, #BB7237, #964437, #3D3607)
• Powdered Bronze color palette (#F8D5E0, #B59C58, #9E620E, #78381E, #262600)
• Tempered Amber Summit color palette (#F5E2EB, #E5B791, #DA864F, #A56850, #442630)
• Tempered Field color palette (#EBF9F1, #AAD5C9, #7BA791, #627D64, #344D4B)
• Dusty Quarry color palette (#DEF2FF, #009CCE, #A07A0E, #775D07, #082A3C)
• Driftwood Archive color palette (#FEEED1, #868039, #6B4D00, #4C2400, #070E00)
• Aged Apricot color palette (#E5F0FA, #E99F8C, #326891, #123854, #051727)

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