Lagoon Study color palette — #FFF2EB · #90B481 · #008888 · #7E4558 · #464942

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Sage (#90B481): A luminous, balanced green — the color of new leaves after rain.
• Teal (#008888): A full-bodied, balanced teal — the color of sea glass.
• Coffee (#7E4558): A full-bodied, balanced rose — the color of pressed rose petals.
• Charcoal (#464942): quiet, heavy and certain.

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

Use it as a design system

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

• Tempered Petrol color palette (#F7F6EA, #8FA067, #2976AC, #77404E, #47413C)
• Timeworn Bloom color palette (#FEF3E9, #BFA563, #498850, #674D77, #4A4841)
• Mint Drift color palette (#F8F6E4, #88D1A7, #55A394, #7E6481, #464942)
• Worn Market color palette (#DDF9EF, #78BD93, #498579, #365474, #193132)
• Wandering Ash Market color palette (#FAF3F0, #CCE7E1, #68A3B9, #477B65, #345149)
• Muted Bronze color palette (#F9F7DC, #C5D0B8, #799E8B, #9F5E40, #7A4316)
• Cobalt Courtyard color palette (#FFF3E5, #43A9AE, #3368B7, #6C4400, #284436)
• Chestnut Hollow color palette (#F7F5EE, #BFC4A5, #548F7B, #756518, #4C5200)

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