Driftwood Coast color palette — #FFF1F2 · #E4B2DA · #97BE8D · #B273A7 · #4D4E46

Dusty Rose and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Carnation (#E4B2DA): A whisper-light, dusty pink — the color of peonies in June.
• Sage (#97BE8D): A luminous, balanced green — the color of fresh herbs.
• Dusty Rose (#B273A7): A luminous, balanced pink — the color of peonies in June.
• Charcoal Brown (#4D4E46): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged light, muted.

Use it as a design system

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

• Ancient Iris Coast color palette (#FFF1F6, #CCB9EF, #B4B67D, #957FBC, #5D4B00)
• Patina Lagoon color palette (#FFF2EE, #F0B1B5, #75C0C6, #B9777C, #3B543F)
• Mallow Studio color palette (#FFF1F2, #D89BC6, #7FB38C, #419C9B, #513C3D)
• Aged Lagoon color palette (#F5F3FF, #FCD7FF, #83E3B3, #BA83BF, #254E4E)
• Muted Wisteria Boulevard color palette (#FFF1F2, #F5C2EB, #F3BB78, #D28DC7, #514C46)
• Hushed Loft color palette (#FFF1F3, #E3D9D1, #ADBCC9, #C199AC, #624846)
• Timeworn Driftwood Courtyard color palette (#FEF2F0, #D3D5A6, #9E6D7A, #65433E, #342826)
• Byzantium Study color palette (#F5F3FF, #C4A3C7, #5DA3C1, #9852A1, #1F5469)

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