Driftwood Courtyard color palette — #FBF3EF · #CDE7E5 · #C2A6C5 · #798E69 · #634A5A

Eucalyptus and Mauve set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Silver (#CDE7E5): A whisper-light, dusty teal — the color of shallow lagoons.
• Mauve (#C2A6C5): A luminous, dusty pink — the color of neon signs at night.
• Eucalyptus (#798E69): A luminous, dusty green — the color of new leaves after rain.
• Charcoal Brown (#634A5A): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Lagoon Harbor color palette (#FBF4EF, #C2E7E6, #88A7CF, #40897C, #5D3B50)
• Tempered Driftwood color palette (#FCF3F1, #D0E6DF, #95BCA6, #6C926C, #2F524A)
• Stone Terrace color palette (#FFF2F0, #DE9AB2, #6EB59E, #409AA0, #533C39)
• Taupe Alley color palette (#FFF1F1, #E2DBD0, #B0C9A9, #BE95A8, #5E4744)
• Tempered Ash Corridor color palette (#FFEFF7, #D1B5E9, #C589AC, #A56570, #554E4A)
• Worn Cocoa Boulevard color palette (#FFF2E9, #DEC7A7, #B3947D, #8F6B5F, #574600)
• Hushed Terrace color palette (#FFF1F1, #EBAFD2, #77C3AA, #B3759A, #435335)
• Softworn Taupe Parlor color palette (#FFF2EF, #FFCCDC, #CC8CA0, #905A6F, #512831)

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