Driftwood Garden color palette — #FBF2F7 · #CCE0CE · #9E798E · #563E4B · #21181D

Heather and Cocoa set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Celadon Mist (#CCE0CE): A whisper-light, dusty green — the color of new leaves after rain.
• Heather (#9E798E): A luminous, dusty pink — the color of neon signs at night.
• Cocoa (#563E4B): A deep, shadowed, dusty rose — the color of strawberry cream.
• Ink (#21181D): quiet, heavy and certain.

Feels like: Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Muted Pewter color palette (#FFF1F0, #FFE2A5, #9E607B, #4E2F2D, #180C0B)
• Dusty Lagoon Loft color palette (#EDF8F4, #C9DCCA, #619281, #2D4E43, #121E1A)
• Weathered Ash Parlor color palette (#FBF2F8, #E6DFBC, #959ACB, #656993, #32282E)
• Timeworn Field color palette (#FBF2F6, #E5DAE2, #DF9996, #A28EC4, #2A1A14)
• Mallow Drift color palette (#FEF1F7, #C6B8FA, #C3AC75, #688D69, #3D2C34)
• Denim Hollow color palette (#EEF2FB, #9FCFBE, #555B95, #25304B, #11141A)
• Petal Boulevard color palette (#FDF4E6, #FCCAF8, #C99099, #5C7D52, #4F3839)
• Worn Garnet color palette (#FBF1FF, #F5D1D7, #DA9CB4, #A35D64, #632116)

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