Tempered Driftwood color palette — #EFF2F9 · #D9D5DB · #B6AAAD · #76829F · #33363E

Slate Blue and Charcoal set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EFF2F9): a clean, paper-quiet neutral.
• Silver (#D9D5DB): a clean, paper-quiet neutral.
• Ash (#B6AAAD): soft and architectural.
• Slate Blue (#76829F): A luminous, dusty violet — the color of twilight just after sunset.
• Charcoal (#33363E): 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

• Worn Studio color palette (#F3F5FB, #DBD8DE, #B7A8A8, #7D7CAA, #50525A)
• Hushed Ash color palette (#EAF2FF, #C1BFDB, #9C8AA2, #536F72, #2A464B)
• Lagoon Canyon color palette (#E9F5EF, #AACBC4, #578E8E, #5E5E78, #213632)
• Tempered Pewter color palette (#F0F1FC, #DDD2DC, #C9B8D1, #745D9C, #222432)
• Powder Bloom color palette (#E2F7F3, #99A9DF, #8F6A8B, #285C58, #272B3E)
• Garnet Market color palette (#E8E4F0, #BAAEBE, #9D8597, #66275E, #0D0816)
• Dusty Dune color palette (#EEF1FF, #D6D4E7, #D3BFFF, #CB829B, #2D293D)
• Aged Thicket color palette (#ECECF9, #9273AC, #3F3748, #1D1D29, #0A0C12)

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