Tempered Driftwood Harbor color palette — #FFF2EE · #FFB8BF · #B36F76 · #6B3E45 · #4A2B23

A conversation between Mocha and Ballet Pink, giving this palette its sense of warmth and comfort.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Ballet Pink (#FFB8BF): A whisper-light, balanced red — the color of embers at dusk.
• Mocha (#B36F76): A luminous, balanced red — the color of late-summer berries.
• Cocoa (#6B3E45): A full-bodied, dusty red — the color of a theater curtain.
• Espresso (#4A2B23): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Warmth, Comfort, Sophistication. Tagged monochrome, muted, warm.

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 color palette (#FFF2EE, #F1D6BF, #EAA1A7, #BE717E, #552832)
• Sand Workshop color palette (#FFF3E8, #FEC194, #AB754B, #69472B, #3A342F)
• Weathered Meadow color palette (#FFF1F3, #E6B5EA, #9C72A1, #624266, #502C34)
• Wandering Bloom color palette (#FFF2EA, #C57B56, #6F8859, #725275, #5F2E00)
• Ember Atelier color palette (#FFE0D4, #E75F00, #873100, #491800, #2A0900)
• Softworn Bronze Lagoon color palette (#FCEDDE, #AE6B00, #663D00, #2D1700, #100500)
• Brick Workshop color palette (#FFF2EE, #FF7F60, #BD2A0B, #711900, #4D0F00)
• Deep Brick color palette (#F3D9D8, #B7002F, #5B000F, #1C1E0F, #190001)

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