Tempered Driftwood color palette — #F0F7F5 · #D4DBDE · #AEA9B6 · #778A51 · #4C5552

Olive Leaf and Ash set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F0F7F5): a clean, paper-quiet neutral.
• Silver (#D4DBDE): bright and airy, almost weightless.
• Ash (#AEA9B6): a calm mid-gray that lets other colors speak.
• Olive Leaf (#778A51): A luminous, balanced green — the color of fresh herbs.
• Charcoal Brown (#4C5552): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Tempered Driftwood Orchard color palette (#F2F2EC, #D2D9D2, #A2B3B0, #758B63, #373631)
• Stone Terrace color palette (#F6F5ED, #D5DDD6, #A5B6B6, #6E6870, #54534A)
• Pine Studio color palette (#EFF7F6, #CEDCE5, #A1C2CF, #008127, #254743)
• Patina Delta color palette (#FFF0F8, #A0AF7A, #3B8678, #774766, #2C4F4B)
• Weathered Garden color palette (#DDE7E9, #A8BDC5, #7692A8, #005145, #072428)
• Softworn Spruce Lantern color palette (#E6F1EE, #8A9E9F, #507882, #173300, #000C0A)
• Hushed Denim Drift color palette (#E9F8FF, #C4D5E4, #97A5CE, #006674, #1D3742)
• Tempered Turquoise color palette (#E6FAF8, #FCEAAA, #9BD1A0, #2DAEBA, #284D4E)

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