Driftwood Lagoon color palette — #E5FBF2 · #AABD86 · #6C8B58 · #79576F · #1C3C34

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

The five colors

• Ivory (#E5FBF2): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#AABD86): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#6C8B58): A full-bodied, balanced green — the color of new leaves after rain.
• Graphite (#79576F): A full-bodied, dusty pink — the color of neon signs at night.
• Forest (#1C3C34): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Lagoon Balcony color palette (#E6FAF9, #8CC2A9, #42917C, #48687C, #0F3D3E)
• Pale Emerald color palette (#E7FAF3, #A7C87C, #5F9748, #806334, #0F443A)
• Timeworn Pine color palette (#E9FAEF, #91A373, #2A7440, #543F6E, #0B3F33)
• Timeworn Pine color palette (#CFECE3, #8DB17B, #4A814E, #6A5113, #00312A)
• Aged Jade color palette (#FAF4E9, #C2D1A4, #61B670, #8E7AA0, #37362F)
• Weathered Ash color palette (#EDF9F0, #BCD9C9, #80A596, #907481, #415249)
• Aged Amber Archive color palette (#FED8EB, #DA7834, #84923B, #A75986, #3F1F31)
• Weathered Pine color palette (#D1E6DF, #78A063, #2A7231, #65371F, #0B2100)

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