Lagoon Workshop color palette — #EFF7F7 · #D4DBE2 · #B6C0CF · #40836B · #414A4A

A conversation between Fern and Ash, giving this palette its sense of sophistication.

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Silver (#D4DBE2): bright and airy, almost weightless.
• Ash (#B6C0CF): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#40836B): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#414A4A): quiet, heavy and certain.

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

• Aged Cypress Courtyard color palette (#EEF7F9, #BDD8E3, #83ADC8, #006864, #1C383E)
• Patina Abyss Basin color palette (#DFEFF1, #98ADB4, #618598, #004238, #01181B)
• Worn Olive Coast color palette (#EFF8F0, #B8B182, #6E7B34, #356360, #34483D)
• Wandering Market color palette (#E1FBFF, #93B7C7, #698CB4, #6E5976, #5E4346)
• Muted Navy Meadow color palette (#EAF0F6, #B1B9CA, #858BB2, #00428A, #16202D)
• Softworn Teal color palette (#E9FBEC, #3CAD94, #00778B, #6F3859, #244249)
• Sunlit Mint color palette (#E7F9FD, #A0EEB7, #00CFC2, #3095C6, #20404C)
• Worn Lantern color palette (#E5FAFD, #009E8E, #455BB3, #752847, #463506)

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