Tempered Driftwood color palette — #E9FAED · #D4C79B · #A58538 · #765007 · #04291A

Caramel and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E9FAED): A whisper-light, dusty teal — the color of shallow lagoons.
• Pistachio (#D4C79B): A whisper-light, dusty green — the color of a quiet forest floor.
• Caramel (#A58538): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#765007): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#04291A): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, 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

• Hushed Olive Lantern color palette (#E4FCEF, #B3B876, #81791C, #544500, #001711)
• Taupe Lantern color palette (#EDDEC8, #A19C4E, #7A602A, #5A3313, #1B1904)
• Gentle Delta color palette (#FFF1F6, #E5AF74, #B96600, #7B3600, #241500)
• Muted Archive color palette (#E6FBF1, #BFE7D8, #A2A268, #766B34, #163930)
• Tempered Amber color palette (#DBEEDE, #C8C58C, #C0963D, #9A6F4F, #13382F)
• Terracotta Orchard color palette (#FFF0F7, #E6B8CB, #B77951, #8C3D18, #331721)
• Fern Courtyard color palette (#FAFAB8, #C8D78D, #72983C, #286400, #002C0C)
• Chestnut Summit color palette (#FFF1F6, #EDCA97, #885626, #3D1F00, #0D0005)

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