Driftwood Harbor color palette — #FDF1F7 · #E4D9D3 · #867FAA · #553F4A · #20191C

A conversation between Slate Blue and Cocoa, giving this palette its sense of sophistication.

The five colors

• Ivory (#FDF1F7): a clean, paper-quiet neutral.
• Bone (#E4D9D3): bright and airy, almost weightless.
• Slate Blue (#867FAA): A luminous, dusty violet — the color of a velvet chair.
• Cocoa (#553F4A): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Ink (#20191C): a grounded near-black with real depth.

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

Use it as a design system

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

• Hushed Dune color palette (#EEF8F4, #B4E2EC, #618BAB, #354C45, #131E1A)
• Timeworn Drift color palette (#FFF2EF, #EBDBBA, #A35E72, #512D28, #190B09)
• Ash Thicket color palette (#FDF1F8, #F3DAB4, #989AC6, #7D6473, #33272E)
• Softworn Bloom color palette (#EEF2FC, #AECCB4, #5C5C87, #2D2C4F, #10141C)
• Softworn Mallow Garden color palette (#FFF1F7, #C6B7FF, #D99BA0, #678C74, #3D2C34)
• Hushed Byzantium Loft color palette (#FFF1F4, #FFCBBA, #8E4B9B, #3F2045, #120306)
• Bronze Harbor color palette (#FFF2EA, #FFCAEC, #C98F9E, #94692C, #503837)
• Mallow Quarry color palette (#FFF2F1, #E89DC6, #BE824D, #6E693C, #302125)

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