Driftwood Alley color palette — #FBF2F7 · #CED6AD · #7C77A1 · #614253 · #33282D

Slate and Wheat set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Wheat (#CED6AD): A whisper-light, dusty green — the color of a quiet forest floor.
• Slate (#7C77A1): A full-bodied, dusty violet — the color of a velvet chair.
• Cocoa (#614253): A full-bodied, dusty rose — the color of a warm blush.
• Onyx (#33282D): a grounded near-black with real depth.

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

Use it as a design system

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

• Timeworn Pewter Balcony color palette (#FFF2EF, #C6C89C, #9A5C6E, #613140, #2D1D1B)
• Patina Station color palette (#F1F5FF, #BBE2F1, #7C82B0, #3D465B, #171B25)
• Dusty Boulevard color palette (#FEF1F5, #F7DAA0, #AA93C0, #81636D, #34272B)
• Aged Iris color palette (#FBF2F6, #EEC3D6, #AB9B63, #937DC9, #312D27)
• Timeworn Petrol Balcony color palette (#F7F6E8, #C5B4E4, #B88283, #217996, #594043)
• Wandering Ash Corridor color palette (#FBF3F3, #DED9D4, #B0B3A9, #BE87AE, #5A4F50)
• Aubergine Ridge color palette (#FFF1F4, #75D0AD, #83509A, #55166D, #2C1019)
• Aged Lagoon color palette (#FFF1F1, #CF97B8, #C08F74, #328D6D, #4B3738)

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