Driftwood Basin color palette — #F5F6EB · #8BB988 · #9993CA · #A26482 · #3D3E37

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

The five colors

• Ivory (#F5F6EB): a clean, paper-quiet neutral.
• Sage (#8BB988): A luminous, balanced green — the color of fresh herbs.
• Blue Fog (#9993CA): A luminous, balanced violet — the color of wild irises.
• Mocha (#A26482): A full-bodied, balanced rose — the color of strawberry cream.
• Charcoal (#3D3E37): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, 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 Market color palette (#FAF5E9, #B9AB77, #73A0C9, #866CA7, #403D36)
• Patina Basin color palette (#F3F7EC, #76AA87, #8C77B8, #A25161, #393630)
• Muted Bronze Summit color palette (#F0F8EF, #6CBBB7, #B78BAB, #A86752, #334231)
• Mint Hollow color palette (#E3FBF7, #9AD596, #B1A6D5, #A07288, #213634)
• Worn Pewter color palette (#FDF4E7, #88CEBE, #509FB4, #975678, #3D4D3C)
• Muted Pier color palette (#E4F4E1, #00A59B, #AE6296, #A03A1E, #172D13)
• Hazy Plum color palette (#EDFCDA, #31C391, #9753AE, #BE0042, #003524)
• Dusty Basin color palette (#F3F6F0, #D4DCD9, #A7B4B8, #65AC95, #4F554A)

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