Lagoon Workshop color palette — #F2F7F2 · #D3DCDA · #B2C3C1 · #048587 · #414B41

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 (#B2C3C1): a calm mid-gray that lets other colors speak.
• Teal (#048587): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#414B41): A full-bodied, dusty green — the color of fresh herbs.

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

Use it as a design system

One click turns Lagoon Workshop 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 Pine Drift color palette (#F4F6F0, #D5DCD7, #B3C4BA, #438551, #444E00)
• Dusty Lagoon Ridge color palette (#EFF3EE, #CFDAD9, #ADC1C4, #3A837E, #292E28)
• Abyss Harbor color palette (#E8EEE9, #A0ADA5, #6A877A, #003F47, #05180C)
• Patina Cobalt color palette (#F8F3F9, #E6D4D9, #CDB3C5, #0E6BBF, #473B48)
• Powdered Aqua Harbor color palette (#E9FAEF, #82ECED, #00CFF0, #1E96D3, #1C4230)
• Antique Aubergine Hollow color palette (#F2F8E4, #54A4BD, #2A6FA0, #66347C, #204637)
• Denim Harbor color palette (#F2ECF1, #D5C8D0, #B497A7, #305198, #392737)
• Ancient Cocoa Dune color palette (#FDE9FB, #C2A3B8, #A07F8D, #86515F, #793A23)

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