Driftwood Loft color palette — #FFF1F2 · #E2DAD1 · #AAD1AE · #8584B0 · #5C4744

Slate Blue takes the lead with Pistachio close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Bone (#E2DAD1): bright and airy, almost weightless.
• Pistachio (#AAD1AE): A whisper-light, dusty green — the color of new leaves after rain.
• Slate Blue (#8584B0): A luminous, dusty violet — the color of a velvet chair.
• Cocoa (#5C4744): A full-bodied, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

One click turns Driftwood Loft 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

• Washed Driftwood color palette (#FFF2EA, #DEE1CB, #9DCDA0, #B56784, #534D48)
• Muted Taupe Harbor color palette (#FFF1F1, #E2D8D0, #97B8CA, #BA939B, #604E4C)
• Softworn Byzantium color palette (#FFF2F0, #EFD7BD, #B9B656, #914DAE, #653A34)
• Weathered Bronze color palette (#FFF2EA, #C9B49C, #AC7047, #7B5147, #5A4500)
• Washed Chestnut Field color palette (#FEF2EF, #C4C39B, #824B55, #532A32, #2F2419)
• Soft Plum color palette (#FFF3E8, #CCD392, #00BFA2, #BA0044, #4A3600)
• Hushed Thicket color palette (#FEF3E9, #AE8767, #788654, #29648E, #5A3200)
• Tempered Garden color palette (#FCF4EB, #A7825A, #556C31, #274E86, #39342F)

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