Tempered Driftwood color palette — #F8F3F9 · #D2D5E6 · #B5B8E4 · #789D78 · #3D4F62

Moss takes the lead with Lavender close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F8F3F9): a clean, paper-quiet neutral.
• Silver (#D2D5E6): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#B5B8E4): A luminous, dusty violet — the color of a velvet chair.
• Moss (#789D78): A luminous, dusty green — the color of a quiet forest floor.
• Charcoal Brown (#3D4F62): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged coastal, cool, 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

• Hushed Teal color palette (#F8F5EE, #CEE6DE, #8FD4DD, #73B197, #325342)
• Turquoise Lagoon color palette (#EEF4EF, #CCDDEC, #4EACB7, #417862, #233946)
• Hushed Basin color palette (#EBF8FD, #A8F5FD, #FDB4C4, #4DAAB3, #533D59)
• Softworn Aqua Garden color palette (#D6FFF7, #A5F0EF, #6FC8BF, #468C9C, #38566C)
• Patina Corridor color palette (#E8DDE7, #57B2B8, #005D7C, #002E14, #000105)
• Sky Dune color palette (#FCF1F9, #D1D6E8, #49B9FE, #008C63, #203068)
• Tempered Summit color palette (#FEF1F8, #C7F4E8, #C6A2B5, #89718A, #30453B)
• Timeworn Cobalt color palette (#FFF1F5, #A6D1F6, #6373C1, #005153, #140029)

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