Tempered Driftwood Quarry color palette — #FFF1F3 · #E2DCD0 · #A5787E · #5C3C40 · #241719

Mocha and Cocoa set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Bone (#E2DCD0): a clean, paper-quiet neutral.
• Mocha (#A5787E): A luminous, dusty red — the color of embers at dusk.
• Cocoa (#5C3C40): A deep, shadowed, dusty red — the color of a theater curtain.
• Ink (#241719): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Tempered Driftwood Quarry 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 Cocoa color palette (#FFF2EC, #E7DFB5, #A36353, #5D2600, #180C06)
• Wandering Ash color palette (#FEF1F4, #E0E1BD, #AE92BD, #7A6286, #36262B)
• Garnet Meadow color palette (#FFE9E0, #D69051, #6F1319, #0D110A, #170001)
• Hushed Cocoa Studio color palette (#FFF1F3, #E5D6CE, #E3A69D, #A1624C, #5F2900)
• Worn Mallow Quarry color palette (#FFF1F3, #E1AFE8, #D89F85, #5A87A9, #3E2C2F)
• Softworn Pewter Canyon color palette (#F6F4FC, #E5B3A2, #794B74, #3C3250, #2B232A)
• Plum Archive color palette (#FFF2F0, #FFCCAE, #A2476D, #501530, #130302)
• Powder Canyon color palette (#FEF1F8, #B2B3F0, #5EA082, #347C81, #2F2330)

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