Driftwood Basin color palette — #ECF8F7 · #90B791 · #9F93C1 · #A4637F · #2C4240

Mocha and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF8F7): bright and airy, almost weightless.
• Sage (#90B791): A luminous, dusty green — the color of a quiet forest floor.
• Blue Fog (#9F93C1): A luminous, dusty violet — the color of a velvet chair.
• Mocha (#A4637F): A full-bodied, balanced rose — the color of pressed rose petals.
• Charcoal (#2C4240): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Driftwood Orchard color palette (#EAFAF0, #B7AC75, #70A1C7, #8E68A6, #314238)
• Terracotta Bloom color palette (#ECF8FA, #7EBFB9, #8187BD, #994F5D, #4A4319)
• Mint Summit color palette (#F4F7E7, #90D895, #B4A4D8, #A07672, #31322C)
• Bronze Archive color palette (#E9F8FF, #4CAEC1, #C57386, #A55700, #1B3742)
• Antique Driftwood Orchard color palette (#EDF9EC, #B3864D, #9F699D, #79582E, #354134)
• Brick Loft color palette (#D6F5FC, #00A59E, #B55C9A, #AB2B09, #002C35)
• Teal Boulevard color palette (#EFF7F8, #D5DBE1, #B2B0BD, #66AB98, #4B5555)
• Ancient Loft color palette (#DCFDFE, #30C297, #9454B3, #B81F42, #003426)

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