Tempered Driftwood color palette — #FFF0F7 · #BBA3D8 · #9B6F9F · #824F6E · #67423C
A conversation between Heather and Graphite, giving this palette its sense of creativity and sophistication.
The five colors
- Ivory (#FFF0F7): bright and airy, almost weightless.
- Mauve (#BBA3D8): A luminous, dusty violet — the color of wild irises.
- Heather (#9B6F9F): A luminous, balanced pink — the color of neon signs at night.
- Graphite (#824F6E): A full-bodied, balanced pink — the color of neon signs at night.
- Cocoa (#67423C): A full-bodied, dusty orange — the color of sun-warmed clay.
Feels like: Creativity, Sophistication. Tagged 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
- Timeworn Pewter Meadow color palette (#FFEFF3, #D9B9E3, #BD88C0, #9A5D92, #6E4447)
- Mulberry Workshop color palette (#E8E7FF, #CEADD8, #9D6B9D, #844578, #413350)
- Hushed Courtyard color palette (#D9FFF2, #9CBFEB, #757EBB, #6E5D8D, #6D4853)
- Worn Terrace color palette (#FFF1F3, #C7A1C6, #6AA88B, #8D618C, #405612)
- Washed Thicket color palette (#FFF1F2, #D69CAF, #B87074, #895349, #634B00)
- Driftwood Harbor color palette (#FFF1F2, #E2D9D1, #A3BFAB, #AB7F92, #624D4B)
- Washed Lagoon Alley color palette (#FFF1F2, #BC82AE, #5F996B, #40866B, #553A3C)
- Powdered Corridor color palette (#FBE2F5, #D078A6, #A93851, #7E2214, #562A13)
Browse the whole catalog at Explore, or see today's palette.