Pastel Pea
#bee7a5
Soft pea green with airy warmth for cards
About Pastel Pea
Pastel Pea looks like fresh garden color that got softened by daylight. It's pale and airy, but it doesn't drift all the way toward near-white like Ice Ice does. Compared to Basil Smash, it trades that herb punch for a gentler, more muted look, and it also avoids the berry-leaning character you'd notice in Grape Green.
For UI work, this is the one you reach for when you want "green" to feel supportive, not assertive. Think dashboards and inventory screens for logistics teams, secondary status chips in health tracking apps, and card fills or progress backgrounds where you need calm around numbers. It reads slightly more balanced than the earlier greens, with a soft pea-leaning undertone that stays friendly on clean layouts.
Pair it with a crisper label green or dark neutral text so it doesn't feel too light beside white sections.
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.
