Tempered Driftwood color palette — #F2F1F7 · #DFD4D8 · #BAACA6 · #877CA0 · #37353B

Slate Blue takes the lead with Ash close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F2F1F7): a clean, paper-quiet neutral.
• Silver (#DFD4D8): a clean, paper-quiet neutral.
• Ash (#BAACA6): a calm mid-gray that lets other colors speak.
• Slate Blue (#877CA0): A luminous, dusty violet — the color of twilight just after sunset.
• Charcoal (#37353B): quiet, heavy and certain.

Feels like: 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

• Muted Pewter Archive color palette (#EDF1FF, #C4BDD4, #AB8C9C, #5C7088, #333F4F)
• Dusty Bronze Ridge color palette (#F6F0F4, #C9D6D8, #A8BFC0, #A0634F, #302A2E)
• Cocoa Coast color palette (#ECE4E8, #94A598, #58877A, #592400, #0C0106)
• Muted Lagoon color palette (#ECF4ED, #A9CCC0, #5D906E, #5E5F77, #243530)
• Hushed Bronze color palette (#E4F7F2, #BB9DD3, #AB605A, #005D6A, #2F283A)
• Hushed Onyx color palette (#ECE7F2, #978896, #865D6F, #4E0039, #020104)
• Weathered Bronze color palette (#EDF2FD, #9495D3, #8E6C13, #194F7B, #122841)
• Patina Garnet color palette (#EDE3EB, #C4ACB4, #6E9983, #81090D, #130611)

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