Lagoon Archive color palette — #F0F8EC · #8DD5C3 · #D99DB6 · #2FA18B · #644341

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

The five colors

• Ivory (#F0F8EC): a clean, paper-quiet neutral.
• Lagoon (#8DD5C3): A whisper-light, dusty teal — the color of sea glass.
• Mauve (#D99DB6): A luminous, dusty rose — the color of strawberry cream.
• Fern (#2FA18B): A luminous, balanced teal — the color of shallow lagoons.
• Cocoa (#644341): A full-bodied, dusty orange — the color of sun-warmed clay.

Feels like: Sophistication. Tagged light, muted.

Use it as a design system

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

• Ancient Lagoon color palette (#F4F7EA, #A8D1A8, #ADAAE1, #699B6A, #644055)
• Dusty Teal Canyon color palette (#F2F7EE, #9AE7D2, #FBADC7, #5DBCA5, #65433F)
• Timeworn Terrace color palette (#E9FAF2, #8BCFEE, #E29E8A, #4797B9, #534B47)
• Antique Cypress Basin color palette (#ECF8F9, #82BEAD, #C084A2, #00866F, #673E53)
• Muted Lagoon Courtyard color palette (#EDF8F4, #F2C5B9, #5B8879, #36544A, #242E2A)
• Aged Workshop color palette (#F1F8EA, #FFDBF2, #B7E3ED, #AFAA85, #435341)
• Tempered Bronze Coast color palette (#F9F5EA, #CFCDA8, #AA9A72, #996931, #3F4F04)
• Washed Market color palette (#DDFFE6, #00C4DA, #F85A8F, #008797, #6B0F34)

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