Maroccan Tea
#d0f0c0
Softer, warmer mint green for subtle highlights
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 Green Glint. Maroccan Tea sits between pastel and "panel-ready," yet it's not that creamy off-white drift you get with Pastel Mint.
Compared with Frozen Forest, 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.
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
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
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
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.