Lagoon Workshop color palette — #F9F2FB · #F6B2BD · #8CB68F · #359893 · #2F4360

Built around Fern, softened by Ballet Pink — the whole palette hums with nature and growth.

The five colors

• Ivory (#F9F2FB): bright and airy, almost weightless.
• Ballet Pink (#F6B2BD): A whisper-light, balanced red — the color of a theater curtain.
• Sage (#8CB68F): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#359893): A luminous, balanced teal — the color of sea glass.
• Navy (#2F4360): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Sophistication. Tagged muted.

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

• Cobalt Chapel color palette (#F9F2FC, #F2B3C5, #90B681, #6B85C3, #324166)
• Hushed Lagoon Bloom color palette (#F4F4FF, #D9BAE6, #CBA07A, #1F999D, #413D5E)
• Teal Pier color palette (#FAF3F6, #D9D4E2, #A7C9F7, #61B1B3, #46526E)
• Weathered Cypress Orchard color palette (#FAF4EC, #CDAC73, #779861, #007A71, #1E4760)
• Hushed Harbor color palette (#FBF2F9, #FFB7AB, #BC9246, #5A7445, #40304F)
• Cornflower Studio color palette (#FFF1F7, #EAB085, #87AD71, #5676D3, #582918)
• Feathered Indigo color palette (#FDECFB, #F6908F, #3AAB6A, #6D5FBD, #361C4F)
• Hushed Harbor color palette (#EDF8F3, #C0E7E0, #90C3AA, #9995B9, #35544F)

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