Tempered Driftwood color palette — #EAFBE9 · #B6EEE5 · #CFCD9B · #997454 · #425647

Mocha and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EAFBE9): A whisper-light, dusty green — the color of a quiet forest floor.
• Sea Foam (#B6EEE5): A whisper-light, dusty teal — the color of sea glass.
• Pistachio (#CFCD9B): A whisper-light, dusty green — the color of a quiet forest floor.
• Mocha (#997454): A full-bodied, dusty gold — the color of honey in a jar.
• Charcoal Brown (#425647): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Oat Terrace color palette (#FFF1F6, #D3DCCD, #D5C598, #99748A, #634A53)
• Worn Workshop color palette (#FFECF2, #C8F3ED, #B9CDA1, #A06B59, #203624)
• Timeworn Powder Bloom color palette (#E1FCF3, #A7E3E5, #89C2D4, #5F8A79, #31514A)
• Hushed Cocoa color palette (#FFF3E6, #DDE1C1, #A7D2B5, #BD907D, #694700)
• Celadon Balcony color palette (#D7FFF5, #A7FEA8, #66D8A3, #6B7B23, #244E47)
• Antique Bronze color palette (#FFF1F6, #C59F76, #95673F, #684558, #334234)
• Amber Drift color palette (#E8E0CE, #B49B00, #737E00, #5D3A00, #1A1400)
• Antique Seafoam color palette (#C8F9F3, #7AE4AA, #4CB9A0, #4A6922, #0B3C3A)

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