Teal Terrace color palette — #B9EFD3 · #83DDC0 · #4DC1A8 · #189D8E · #304C2E

Turquoise and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Mint (#B9EFD3): A whisper-light, dusty teal — the color of sea glass.
• Lagoon (#83DDC0): A whisper-light, balanced teal — the color of glacier melt.
• Turquoise (#4DC1A8): A luminous, balanced teal — the color of shallow lagoons.
• Fern (#189D8E): A luminous, balanced teal — the color of shallow lagoons.
• Deep Olive (#304C2E): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Jade Meadow color palette (#D6ECC0, #ABDB9B, #7ABB78, #539E6C, #23533A)
• Hazy Lagoon color palette (#CEF4CA, #82D3A7, #0DA58D, #007D7B, #164E5C)
• Airy Teal Study color palette (#EEF9E9, #89DFCE, #DEB86D, #03B7A2, #523F16)
• Dusty Pier color palette (#E3FEE3, #9AE8EF, #6FC8DA, #5599AC, #325646)
• Hushed Boulevard color palette (#DFFFE2, #8AE9F0, #42C1C9, #1F8D92, #003637)
• Antique Teal Workshop color palette (#D1F7E4, #4FB99B, #008573, #005750, #00303A)
• Aqua Meadow color palette (#E3FEE4, #39D6D9, #8CB4FF, #91B174, #293E2B)
• Cerulean Harbor color palette (#C0E8EE, #00869B, #006278, #00485E, #000A12)

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