Color Indicator
Emerald 50 Color Code #ECFDF5
Copy Tailwind classes, CSS variables and explore a ready-made palette for this color. Generated automatically by Color Indicator.
About this color
#ECFDF5 · Emerald 50
Tailwind Emerald 50 (#ECFDF5). A light, clean gemstone green for elegant backgrounds and soft UI themes. Get HEX, RGB, and HSL values, use the palette generator, and explore brand colors for UI, marketing, and product design. Complementary (FDECF4) and triad (F5ECFD, FDF5EC) variants keep contrast in check.