Lagoon Drift color palette — #FFF2EA · #99B273 · #13897D · #7A4661 · #474941

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Sage (#99B273): A luminous, balanced green — the color of fresh herbs.
• Fern (#13897D): A full-bodied, balanced teal — the color of sea glass.
• Coffee (#7A4661): A full-bodied, dusty rose — the color of strawberry cream.
• Charcoal (#474941): quiet, heavy and certain.

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

Use it as a design system

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

• Wandering Cerulean Hollow color palette (#FFF2EC, #6EB8A5, #3D7FA2, #794C43, #3E4C3E)
• Washed Workshop color palette (#FEF3E8, #C2A274, #62824E, #624F7B, #5B4400)
• Weathered Field color palette (#E0F9EF, #82BC85, #44876F, #3A556B, #163130)
• Wandering Cypress Workshop color palette (#FAF4F0, #C9EAE0, #59A6B7, #457D5A, #375147)
• Softworn Chestnut Meadow color palette (#F8F5ED, #C3C49B, #5B8E72, #7A6317, #525000)
• Aged Mint color palette (#F4F7EC, #F3EDAC, #7BDE9B, #4DA6BB, #484B44)
• Softworn Oat color palette (#ECF9EE, #B6DDAB, #7BBDAF, #8887AE, #2F4E4D)
• Muted Bloom color palette (#FFF2EB, #00A84D, #006D79, #820039, #004031)

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