Driftwood Balcony color palette — #FFF2EF · #AF6B76 · #467955 · #00556B · #443037

Built around Mocha, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Mocha (#AF6B76): A luminous, balanced red — the color of late-summer berries.
• Olive (#467955): A full-bodied, dusty teal — the color of sea glass.
• Peacock (#00556B): A full-bodied, dusty blue — the color of deep harbor water.
• Espresso (#443037): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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

• Driftwood Pier color palette (#FEF2F4, #996C9A, #6C6527, #125A4F, #3D2E3D)
• Patina Garden color palette (#FFF3E9, #B77C4F, #00797C, #3E4A71, #412D2B)
• Aged Veranda color palette (#FAEFEA, #B0746A, #7A6218, #005574, #29170F)
• Cocoa Loft color palette (#FFF4E2, #D5958A, #90704C, #256467, #6D3706)
• Timeworn Driftwood Drift color palette (#FBF3F0, #DDD9D2, #A4AFA8, #A57370, #5A504C)
• Rust Pier color palette (#FFF2EC, #CA2F24, #006650, #004166, #33122E)
• Chestnut Courtyard color palette (#FFF2EE, #E1A797, #A97959, #76511D, #3D4A0F)
• Hushed Study color palette (#FFF2EB, #ECD6CC, #FFBB9B, #AA934F, #4C4540)

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