Teal Lagoon color palette — #F3F8E8 · #A9E6BC · #DEB5EE · #78BA8E · #683F4B

Built around Mint Leaf, softened by Lavender — the whole palette hums with nature and growth.

The five colors

• Ivory (#F3F8E8): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint (#A9E6BC): A whisper-light, balanced teal — the color of shallow lagoons.
• Lavender (#DEB5EE): A whisper-light, balanced pink — the color of peonies in June.
• Mint Leaf (#78BA8E): A luminous, balanced teal — the color of glacier melt.
• Cocoa (#683F4B): A full-bodied, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged light, muted.

Use it as a design system

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

• Muted Teal color palette (#EBFAEB, #95E5E5, #F3B3BA, #60B9B9, #66433A)
• Weathered Parlor color palette (#FBF4E8, #E4D4A2, #DDB7EA, #BBA768, #66414A)
• Seafoam Quarry color palette (#F1F9E5, #8CDBB4, #D5AED9, #D08DA7, #41443D)
• Aged Lagoon Balcony color palette (#E5FBF8, #A7D1A9, #C9A2CB, #699A6C, #4F4865)
• Dusty Fern color palette (#F5F7E3, #C4EBDC, #C2C0CB, #C9B895, #41540D)
• Muted Blush Bloom color palette (#E0F5E1, #5FD3D7, #F887AA, #00A5AA, #581E33)
• Fuchsia Archive color palette (#EAFCDC, #43FAD0, #E972C1, #00B090, #5F1C4B)
• Washed Lilac color palette (#E4F6F5, #8FC19D, #BA84CB, #3E8256, #312D47)

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