Lagoon Field color palette — #F5F6EE · #8CD4D1 · #008990 · #006154 · #1F442C

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Lagoon (#8CD4D1): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#008990): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006154): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#1F442C): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Aged Balcony color palette (#F5F6EE, #AFE7F6, #3A97B5, #2A6D72, #2B5042)
• Weathered Meadow color palette (#EEF0E5, #63BFDD, #007297, #004E57, #01324A)
• Washed Cobalt color palette (#F3F7EB, #9FD1C1, #3B7CBB, #155B75, #253B5B)
• Muted Lagoon Archive color palette (#E8E9D5, #009296, #00454C, #00231F, #000C0F)
• Tempered Emerald color palette (#FEF2EF, #D0E8CF, #69BFDC, #559F5D, #203C59)
• Hushed Rose color palette (#FFE9E1, #E7545A, #748200, #8B3839, #333A00)
• Wandering Taupe Orchard color palette (#F3E6D1, #AB9544, #7C5F10, #593E12, #33302A)
• Gentle Quarry color palette (#FFDCCC, #DA2E1C, #7F6B00, #76457A, #412213)

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