Driftwood Drift color palette — #F4F7E6 · #A3D1A7 · #B8A3D5 · #8C77A7 · #31322C

Built around Slate Blue, softened by Pistachio — the whole palette hums with nature and growth.

The five colors

• Cream (#F4F7E6): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#A3D1A7): A luminous, dusty green — the color of fresh herbs.
• Mauve (#B8A3D5): A luminous, dusty violet — the color of a velvet chair.
• Slate Blue (#8C77A7): A luminous, dusty violet — the color of a velvet chair.
• Espresso (#31322C): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Driftwood Drift 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 Stone color palette (#F9F5E8, #C4C985, #7BB8D3, #6982B1, #33322B)
• Tempered Seafoam color palette (#EEF9ED, #7CD6CF, #D39DA8, #A5717C, #283626)
• Wandering Seafoam Balcony color palette (#F0F8EC, #8FDECB, #A78FB8, #90585F, #542E00)
• Aged Coral color palette (#E9FAF2, #C8C787, #D8A5BD, #CC837E, #2D4339)
• Patina Turquoise Summit color palette (#FFF2EC, #B0EDD1, #69ADC6, #91675A, #364434)
• Hushed Archive color palette (#F0F8E8, #6BC7A5, #D58488, #7C7530, #1F2813)
• Navy Dune color palette (#F5F9D3, #B0F6F9, #78BEC0, #31849F, #194577)
• Dusty Stone color palette (#F3F6EF, #D4DCDA, #B3B3BE, #88BCA4, #4B4F45)

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