Hushed Driftwood color palette — #F0F6FF · #B0ACC8 · #A27176 · #3F7060 · #36505A

Mocha and Teal set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F0F6FF): a clean, paper-quiet neutral.
• Mauve (#B0ACC8): A luminous, dusty violet — the color of a velvet chair.
• Mocha (#A27176): A luminous, dusty red — the color of a theater curtain.
• Teal (#3F7060): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal Brown (#36505A): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Hushed 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

• Ancient Harbor color palette (#F3F4FF, #C2B9CC, #AC8EA0, #5A737C, #425465)
• Muted Bronze Harbor color palette (#FFE0F3, #DD9B97, #92713D, #2C6278, #294C60)
• Muted Chestnut color palette (#FFEDEF, #D5A6BD, #A2786F, #7E5212, #3B3831)
• Feathered Meadow color palette (#F1E7FF, #D87EAC, #AF4725, #005B64, #00444D)
• Softworn Fern Studio color palette (#FFF1F5, #F0C4C7, #D3AEA4, #939371, #3F5511)
• Softworn Study color palette (#ECF9F4, #94BB96, #1E866D, #5A5476, #2C4846)
• Dusty Emerald Bloom color palette (#FCF1FF, #D18699, #00A271, #9E415E, #134C4D)
• Worn Boulevard color palette (#F9F2FF, #B86C95, #009262, #00758F, #3E324A)

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