Maroccan Tea

#d0f0c0

Softer, warmer mint green for subtle highlights

Save
Share

About Maroccan Tea

This one reminds me of minty tea steeped a little too long: light green, but with a softer, more mellow body than the brighter leaf-glass feel of . Maroccan Tea sits between pastel and "panel-ready," yet it's not that creamy off-white drift you get with .

Compared with , it stays less frost-cold and more temperate. I reach for Maroccan Tea when you need a calm green background that still reads clearly green on first glance, especially for wellness product dashboards, clean-food recipe cards, and settings screens in health apps where the UI can't look beige-adjacent. It also works well in skincare brand headers and section blocks when you want the freshness to feel less minty and more herbal.

Quirk: because it's gentle and slightly less crisp than the cool greens, it pairs best with deeper green text or warm dark neutrals so it doesn't flatten next to icy grays.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
1.24:1Fail

On Gray 100 #f5f5f5

Aa
1.14:1Fail

On Gray 900 #18181b

Aa
14.26:1AAA

On Black #000000

Aa
16.91:1AAA

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Maroccan Tea

Open the generator with this color pre-loaded.

Start creating