Patina Driftwood Alley color palette — #FAF2F9 · #B8DCBF · #A26E66 · #5C4458 · #31282F

A conversation between Mocha and Celadon Mist, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FAF2F9): a clean, paper-quiet neutral.
• Celadon Mist (#B8DCBF): A whisper-light, dusty teal — the color of sea glass.
• Mocha (#A26E66): A full-bodied, dusty orange — the color of toasted spice.
• Charcoal Brown (#5C4458): A full-bodied, dusty pink — the color of a candy shop window.
• Onyx (#31282F): 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 Patina 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 Courtyard color palette (#FBF3F0, #CBDECC, #B67067, #6E3214, #241813)
• Patina Chestnut color palette (#F9F3F9, #A2CABE, #7E4F51, #472E48, #2F2126)
• Ancient Taupe color palette (#FEF2EE, #E5E0B5, #CB8A8D, #886358, #342825)
• Softworn Oat color palette (#EFF8EF, #E3CFA4, #6A866B, #3F533F, #242F24)
• Hushed Summit color palette (#FBF2F5, #D0D9DB, #A7A7B0, #B08985, #5A4F53)
• Amber Basin color palette (#FAF3F7, #EDC3DC, #93A36D, #BB7960, #1F322C)
• Dusty Amber Chapel color palette (#D7ECDB, #B38C2F, #5A4000, #251800, #000401)
• Dusty Workshop color palette (#FFF0F8, #E2B346, #A14E14, #5F2900, #29111F)

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