Tinta Lemon Grove
4-color mesh gradient
Lemon Grove is a 4-color CSS mesh gradient built from #FFF3B0, #C9E4A6, #8FD3A8, and #FFD08A. Its hues sit in the yellow and green ranges, and reads as pastel and warm. Dark text (#111827) on it keeps at least 10.18:1 at its weakest point — enough for WCAG AAA body text.
Light & dark theme
This palette as Material 3 color roles for a real interface, in light and dark mode. Every color comes with the text color that goes on it, and every pair's contrast is measured.
What are the HEX, RGB, and HSL values for Lemon Grove?
Every color in this 4-color set, with its contrast ratio against white and black.
| Color | Name | HEX | RGB | HSL | On white | On black |
|---|---|---|---|---|---|---|
| #FFF3B0 | Butter Yellow | #FFF3B0 | 255, 243, 176 | 51°, 100%, 85% | 1.12:1 | 18.70:1 |
| #C9E4A6 | Celadon | #C9E4A6 | 201, 228, 166 | 86°, 53%, 77% | 1.39:1 | 15.13:1 |
| #8FD3A8 | Medium Aquamarine | #8FD3A8 | 143, 211, 168 | 142°, 44%, 69% | 1.74:1 | 12.05:1 |
| #FFD08A | Peach | #FFD08A | 255, 208, 138 | 36°, 100%, 77% | 1.43:1 | 14.64:1 |
Related mesh gradients
Others sharing the same hues and tone