Driftwood Balcony color palette — #FBF2F6 · #E4DCD2 · #8A7EA7 · #5D3A4A · #23171C

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

The five colors

• Ivory (#FBF2F6): a clean, paper-quiet neutral.
• Bone (#E4DCD2): a clean, paper-quiet neutral.
• Slate Blue (#8A7EA7): A luminous, dusty violet — the color of a velvet chair.
• Cocoa (#5D3A4A): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Ink (#23171C): A deep, shadowed, dusty rose — the color of strawberry cream.

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

Use it as a design system

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

• Worn Balcony color palette (#FFF2EF, #E9DDB9, #A45E6E, #572632, #1A0A08)
• Ancient Cerulean color palette (#ECF8F4, #B5E3DA, #638BA9, #1E5043, #0F1F1A)
• Patina Lilac color palette (#FDF1F8, #D1E7BB, #9997D1, #7E6473, #32282E)
• Tempered Stone Canyon color palette (#F4F4FD, #EFADA0, #68547B, #36364A, #272229)
• Worn Stone Pier color palette (#EDF2FC, #A7D19F, #595D89, #283045, #11141C)
• Hushed Wisteria Market color palette (#FBF2F4, #EAD9E1, #DD94BB, #BB7DD3, #281A1A)
• Worn Mulberry color palette (#FFF1F3, #FFCABC, #8E4E95, #4A0D50, #130205)
• Bronze Orchard color palette (#FFF3E8, #FFCDDC, #D08D8D, #847134, #523732)

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