Tempered Driftwood color palette — #FFF1F5 · #ABBEAB · #9B7956 · #79543A · #3A4D3D
Mocha and Coffee set the tone — five colors that lean into optimism and sophistication.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Stone (#ABBEAB): A luminous, dusty green — the color of new leaves after rain.
- Mocha (#9B7956): A luminous, dusty gold — the color of old brass.
- Coffee (#79543A): A full-bodied, dusty gold — the color of honey in a jar.
- Deep Olive (#3A4D3D): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Tempered Driftwood 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
- Aged Thicket color palette (#FFF0F8, #CBAFBB, #977487, #824E3E, #564149)
- Weathered Driftwood Atelier color palette (#FFECF2, #A8C3AE, #9E7B59, #6C4D61, #213029)
- Tempered Bronze Summit color palette (#FCF3EB, #DAC8AA, #BA936D, #A0633E, #574600)
- Hazy Boulevard color palette (#C9E7CF, #A48C34, #745600, #533500, #2F2900)
- Antique Garnet Chapel color palette (#F7E0EE, #B88B74, #8F5039, #712A1F, #442534)
- Tempered Bronze Station color palette (#DAEBD9, #856000, #4E3200, #2C1600, #100A00)
- Weathered Terracotta color palette (#E9F9F6, #6C925E, #944B4B, #703E00, #273D33)
- Cypress Grove color palette (#EDF8F9, #A0CBBC, #276C59, #064145, #1B282F)
Browse the whole catalog at Explore, or see today's palette.