Lagoon Workshop color palette — #F8F3F8 · #D5E1EF · #83BAD5 · #5B956E · #435469

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

The five colors

• Ivory (#F8F3F8): bright and airy, almost weightless.
• Frost (#D5E1EF): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#83BAD5): A luminous, dusty blue — the color of deep harbor water.
• Fern (#5B956E): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#435469): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Muted Parlor color palette (#FCF3EF, #BEE7EE, #ADC6EC, #8E9772, #594659)
• Antique Teal color palette (#E7F9FF, #DADBE6, #B6A9A2, #78B291, #3E4F5A)
• Weathered Turquoise Bloom color palette (#F8F4EE, #C7EAE1, #53A7BA, #3D7C6C, #42584F)
• Aged Cerulean Thicket color palette (#E9F8FF, #96CFDA, #E29B9E, #009EB1, #5E415F)
• Patina Harbor color palette (#F0E3EC, #609DA9, #005E8B, #003D29, #02002F)
• Antique Periwinkle color palette (#FFF0F9, #B7E2FA, #499FF7, #00856F, #373773)
• Amber Lantern color palette (#EDF7FF, #84B8DC, #D18FA2, #C67556, #334553)
• Sunlit Cornflower Boulevard color palette (#F7EAF0, #A5CAE4, #5585D7, #006D64, #2E2456)

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