Button Color Comparison

Option 1: Emerald Green

Associated with growth, learning, and progress. Perfect for education.

Primary: emerald-500 (rgb 16 185 129)
Hover: emerald-600 (rgb 5 150 105)

Option 2: Teal

Friendly, approachable, and calming. Professional yet welcoming.

Primary: teal-500 (rgb 20 184 166)
Hover: teal-600 (rgb 13 148 136)

Emerald on Stone Background

This is how the emerald buttons look in context with your stone color scheme.

Teal on Stone Background

This is how the teal buttons look in context with your stone color scheme.

Quick Comparison

Emerald

  • ✓ Growth & learning association
  • ✓ Strong contrast with stone
  • ✓ Energetic but professional
  • ✓ Education sector friendly

Teal

  • ✓ Calm & approachable
  • ✓ Good contrast with stone
  • ✓ Professional & trustworthy
  • ✓ Warm yet sophisticated