Teal Lagoon color palette — #F0F7C6 · #B4D9B1 · #50C2B1 · #857FB1 · #663F67

Mint Leaf and Charcoal Brown set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#F0F7C6): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#B4D9B1): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#50C2B1): A luminous, balanced teal — the color of glacier melt.
• Slate Blue (#857FB1): A luminous, dusty violet — the color of a velvet chair.
• Charcoal Brown (#663F67): A full-bodied, balanced pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Balance. Tagged vintage, retro, muted, light.

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

• Aged Celadon Meadow color palette (#FFF4DC, #BDEB9E, #66ADB4, #786F93, #5D3C5D)
• Sand Boulevard color palette (#FADFA8, #D1D387, #85BB85, #6D89B5, #503F70)
• Dusty Powder Studio color palette (#F0FAD9, #C5DAC2, #85C1D7, #B28F8F, #634942)
• Cobalt Balcony color palette (#C3E9DB, #56A1A3, #2A84AF, #79495F, #340B0D)
• Feathered Plum color palette (#CDEAE2, #3CD1E7, #5CA5D9, #AD5274, #65271B)
• Aged Lagoon color palette (#C4F0BC, #7AB1B1, #268774, #20587E, #162C47)
• Sky Workshop color palette (#FBF4EA, #B6EFFF, #45C5FE, #00A6A2, #134368)
• Aged Bloom color palette (#FFF3E3, #E0D070, #9DB036, #A48349, #3D3A34)

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