Teal Garden color palette — #F9F8D3 · #A9F5E2 · #70BE9E · #3D8777 · #334E34

Mint Leaf and Sea Foam set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#F9F8D3): A whisper-light, dusty green — the color of a quiet forest floor.
• Sea Foam (#A9F5E2): A whisper-light, dusty teal — the color of glacier melt.
• Mint Leaf (#70BE9E): A luminous, balanced teal — the color of shallow lagoons.
• Fern (#3D8777): A full-bodied, dusty teal — the color of sea glass.
• Deep Olive (#334E34): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Calm, Balance. Tagged muted, cool.

Use it as a design system

One click turns Teal Garden 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 Stone Basin color palette (#FFF4DD, #E4E9AB, #A1BA7E, #5E8E69, #484B44)
• Feathered Thicket color palette (#D9FFF3, #9AC58E, #0F9D70, #047367, #33545D)
• Mint Hollow color palette (#B1FED3, #00CCB2, #008589, #005A69, #002331)
• Hushed Emerald color palette (#E4EACA, #85C095, #3AA274, #1E6E54, #29371F)
• Aqua Corridor color palette (#E6FED9, #A4F7F1, #72CAD6, #4986A5, #543F56)
• Tempered Dune color palette (#F1F8E9, #AFF8D8, #F3B9CD, #54AE8B, #5D3C39)
• Powdered Mint color palette (#E0FFDF, #35E5A3, #00AEA0, #006C71, #003845)
• Softworn Boulevard color palette (#FBF5E8, #D4E0C8, #BEAC89, #9E6F36, #414300)

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