Tempered Driftwood Harbor color palette — #FDEDF3 · #AEC1AF · #A1795B · #774A41 · #1A3226

Built around Mocha, softened by Coffee — the whole palette hums with optimism and sophistication.

The five colors

• Blush (#FDEDF3): a clean, paper-quiet neutral.
• Stone (#AEC1AF): A luminous, dusty green — the color of a quiet forest floor.
• Mocha (#A1795B): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#774A41): A full-bodied, dusty orange — the color of autumn markets.
• Deep Forest (#1A3226): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

One click turns Tempered 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

• Ancient Driftwood Archive color palette (#FFF1F6, #D1ADB8, #9F7757, #765065, #3F4C3F)
• Pewter Workshop color palette (#EDF4F0, #B0CCB2, #676331, #363202, #081810)
• Mulberry Coast color palette (#EAF5EE, #A19561, #5488B2, #7F496F, #13281C)
• Bronze Corridor color palette (#FFF3E9, #E0C6A4, #BF906D, #A26242, #5A4500)
• Tempered Bronze Hollow color palette (#DCEFDE, #AAA261, #8B6301, #6A3200, #172000)
• Timeworn Meadow color palette (#D3FDE9, #A5C49C, #4C967C, #00605F, #00333E)
• Patina Chestnut Meadow color palette (#D7F3DF, #868B5A, #685200, #482800, #00120F)
• Olive Boulevard color palette (#ECF4F0, #C9C697, #2690AB, #7D7400, #0A181F)

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