Lagoon Field color palette — #FFF2ED · #C26C66 · #338F62 · #007686 · #3E3633

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Caramel (#C26C66): A luminous, balanced orange — the color of toasted spice.
• Fern (#338F62): A full-bodied, balanced teal — the color of glacier melt.
• Teal (#007686): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#3E3633): quiet, heavy and certain.

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

Use it as a design system

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

• Pine Balcony color palette (#FFF1F1, #B86C97, #4B8D4D, #007B61, #502D2D)
• Nightshade Hollow color palette (#FFF3E5, #A1793C, #008371, #374A9D, #37322C)
• Washed Cobalt color palette (#FFF3E8, #BA8D6A, #409A94, #327CB5, #47413C)
• Tempered Ultramarine color palette (#FFE7C9, #AA7300, #007E9F, #004EDE, #432B00)
• Rust Boulevard color palette (#F4D8D0, #C53700, #00717B, #2B4F79, #450D00)
• Cocoa Pier color palette (#FEF3E6, #B5A586, #8F6A3C, #764229, #3F3D36)
• Linen Dune color palette (#F8E9D2, #886500, #006596, #2B35B8, #2A1D00)
• Pale Bronze Courtyard color palette (#FFEBFB, #CA7067, #987C00, #8A5195, #281826)

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