Tempered Driftwood color palette — #FBF3F3 · #E0D9D3 · #A2B0A5 · #9D7292 · #5A5050

Built around Heather, softened by Ash — the whole palette hums with sophistication.

The five colors

• Ivory (#FBF3F3): a clean, paper-quiet neutral.
• Bone (#E0D9D3): bright and airy, almost weightless.
• Ash (#A2B0A5): A luminous, dusty teal — the color of sea glass.
• Heather (#9D7292): A luminous, dusty pink — the color of peonies in June.
• Charcoal Brown (#5A5050): a grounded near-black with real depth.

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

• Wandering Driftwood color palette (#F3F0F7, #DED4D8, #BDABA8, #9F738D, #37353A)
• Hushed Alley color palette (#FFF0F9, #E1C2C2, #AA8E7A, #7E6480, #5E4A4E)
• Wandering Cocoa Thicket color palette (#FAF4F0, #DCDCD2, #BCC3B6, #9C644E, #6E3708)
• Washed Bronze color palette (#F7F6E5, #B59BCC, #A1645F, #0B6476, #5B3F41)
• Driftwood Station color palette (#F9F4EC, #C5C3A3, #758B49, #7D5B68, #554F00)
• Plum Summit color palette (#FEF2F0, #E0D8CC, #CFB89B, #B52B69, #503936)
• Tempered Boulevard color palette (#F6ECEA, #D8C9BF, #AA9F8D, #8E2D44, #3A2925)
• Onyx Alley color palette (#EEE0DF, #A39792, #95652D, #510034, #170303)

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