Worn Lagoon Lagoon color palette — #F2F7F2 · #D3DCDA · #B1C3C2 · #008588 · #404B41

Teal and Charcoal set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F2F7F2): bright and airy, almost weightless.
• Silver (#D3DCDA): bright and airy, almost weightless.
• Stone (#B1C3C2): a calm mid-gray that lets other colors speak.
• Teal (#008588): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#404B41): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Hushed Lagoon color palette (#EEF3EE, #CEDBDA, #A9C3C7, #318480, #272E26)
• Pine Delta color palette (#F4F6EF, #D4DDD7, #B4C4BB, #428552, #444E00)
• Antique Abyss color palette (#E6EDE8, #9DAEA4, #668879, #003F47, #05180C)
• Dusty Thicket color palette (#F8F3F9, #E8D4D9, #CBB4C4, #276BB5, #4A394B)
• Aubergine Bloom color palette (#F2F9E3, #59A3BA, #336F9A, #633878, #214537)
• Patina Courtyard color palette (#FFF0FC, #C9B0BE, #997381, #7F4E5A, #674200)
• Airy Azure color palette (#EAFAF0, #90EDF4, #4ECDF7, #0094E0, #003E54)
• Aged Nightshade color palette (#F2ECF1, #D5C7D1, #B496A7, #2A4DA6, #362934)

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