Driftwood Drift color palette — #F3F5FC · #BBDAC1 · #7A77A8 · #4B486E · #282B35

Built around Slate, softened by Charcoal Brown — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#F3F5FC): bright and airy, almost weightless.
• Oat (#BBDAC1): A whisper-light, dusty teal — the color of sea glass.
• Slate (#7A77A8): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal Brown (#4B486E): A full-bodied, dusty violet — the color of wild irises.
• Onyx (#282B35): a grounded near-black with real depth.

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

Use it as a design system

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

• Tempered Driftwood Archive color palette (#FFF0F8, #CFE2D0, #9F788E, #53404A, #20191D)
• Weathered Studio color palette (#F1F5FF, #9CCCBB, #52598C, #2F384E, #25222D)
• Softworn Celadon color palette (#FBF2FB, #C2ECB9, #B193B1, #786677, #302930)
• Dusty Lilac color palette (#F4F4FC, #D8C8F5, #CF8197, #9A77CF, #342938)
• Patina Ash Delta color palette (#F5F4FB, #DED8DC, #BAADAD, #AE8FB3, #53515B)
• Timeworn Terrace color palette (#EBFAEE, #C1B6DF, #B98089, #58794F, #4D425A)
• Aubergine Villa color palette (#F4F4FF, #DDB55D, #7F50A2, #4F1D6F, #191730)
• Driftwood Balcony color palette (#F3F4FF, #B798CB, #9B8439, #2F7D60, #283748)

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