Tempered Driftwood color palette — #F3F4FE · #BAE8F2 · #7E83A6 · #41445C · #191B23

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

The five colors

• Ivory (#F3F4FE): a clean, paper-quiet neutral.
• Powder Blue (#BAE8F2): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#7E83A6): A luminous, dusty violet — the color of twilight just after sunset.
• Charcoal (#41445C): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#191B23): a grounded near-black with real depth.

Feels like: Sophistication. Tagged luxury, dark, 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

• Ash Cabin color palette (#F2F5FE, #BCE9DE, #9A99C5, #606B90, #272B36)
• Antique Sand Pier color palette (#F9F2FB, #FEE2A7, #986672, #433049, #140C16)
• Muted Denim color palette (#F7EFF4, #AFCEA3, #575C91, #402838, #191116)
• Patina Mallow color palette (#F3F4FF, #D0B5F3, #BCAE7C, #5D906C, #2F3040)
• Timeworn Lilac color palette (#F4F4FC, #E6D8E0, #DE9B8F, #AD89C6, #251A23)
• Softworn Petal color palette (#EBFAED, #FFCAED, #C89292, #587D5E, #453A4C)
• Feathered Byzantium color palette (#F5F3FF, #FAD37F, #8E4AA0, #421B4C, #080514)
• Washed Mulberry Boulevard color palette (#F6F3FF, #DCB561, #743470, #2B052A, #020007)

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