Driftwood Lagoon color palette — #F5F7E8 · #A9D19C · #B8A2D7 · #AF6D67 · #32322B

Mocha and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F7E8): bright and airy, almost weightless.
• Pistachio (#A9D19C): A luminous, balanced green — the color of a quiet forest floor.
• Mauve (#B8A2D7): A luminous, dusty violet — the color of a velvet chair.
• Mocha (#AF6D67): A luminous, balanced orange — the color of toasted spice.
• Espresso (#32322B): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, 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

• Wandering Driftwood Station color palette (#EFF8EF, #85D3D3, #93B0DC, #A56D91, #263727)
• Aged Chapel color palette (#EDF9F0, #86D1DE, #D09AC3, #A7773B, #24372A)
• Ancient Bronze Balcony color palette (#F1F8EC, #9FDBC5, #8697D2, #9B562D, #014333)
• Ancient Field color palette (#FEF0FD, #8DB4EE, #CB86A2, #9C6412, #311C31)
• Washed Teal color palette (#F2F7F1, #D4DCDB, #B4B1BD, #7CBDB2, #485046)
• Jade Corridor color palette (#F4F6F0, #B4E9DF, #97ABEC, #59AF75, #251A23)
• Washed Emerald Ridge color palette (#E9F9F8, #42A767, #A56A83, #7E4E62, #2E4140)
• Ancient Brick color palette (#E6FDE4, #00BEB9, #B072D8, #BB2300, #00211F)

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