Driftwood Lagoon color palette — #F4F7E9 · #9DD2A8 · #8FB0E2 · #AF678E · #31332C

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

The five colors

• Ivory (#F4F7E9): bright and airy, almost weightless.
• Pistachio (#9DD2A8): A luminous, balanced teal — the color of sea glass.
• Sky (#8FB0E2): A luminous, balanced blue — the color of deep harbor water.
• Dusty Rose (#AF678E): A luminous, balanced rose — the color of pressed rose petals.
• Espresso (#31332C): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.

Use it as a design system

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

• Aged Driftwood color palette (#F8F5EA, #C6C793, #72BCCA, #8A75B1, #34322B)
• Washed Ridge color palette (#F7F6E6, #B2CF92, #CD9DBD, #B26A6E, #32322B)
• Timeworn Powder Lagoon color palette (#EDF8F3, #85CEF1, #A6A9DC, #AE6C76, #21372E)
• Softworn Hollow color palette (#F7F6EB, #C3D499, #7C9CC9, #9E5241, #3A3831)
• Linen Bronze color palette (#E7FBEF, #64C1DB, #C384C3, #AC5900, #102B1D)
• Muted Teal color palette (#F4F6F0, #D5DCD9, #AFB0BE, #85BD9A, #4C4F46)
• Patina Terracotta Atelier color palette (#EFF9E6, #3CB593, #A571BF, #9C3D1D, #0D1A00)
• Wandering Plum color palette (#E8FCE4, #00BFB4, #7881FF, #BA194F, #00211E)

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