Try Your Luck

#34b334

Deep grassy green for balanced success states

Save
Share

About Try Your Luck

Try Your Luck reads like a clean green stamped onto a button label, but with a softer, slightly lighter body than the deeper traffic-light green of . Compared to , it gives up that overly "paint-bright" confidence and comes in calmer, more even, less sign-glow sharp. It also stays more polished than , which can feel a touch murkier and heavier in the same UI space.

I use it when the interface needs a steady confirmed state that still feels friendly, not intense. Think retail and logistics status chips, manufacturing step progress, and pharmacy dispense queues where green repeats across tables and bulk forms. It also works well for account ops screens and dashboards and finance apps when you want "success" to read clearly without drifting into the punchy feel of darker greens.

If you pair it, keep contrast with cool grays or near-black text. On very warm backgrounds, it can start looking a bit more "cheerful" than you intended, so I'd warm the surrounding neutrals only slightly.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
2.75:1Fail

On Gray 100 #f5f5f5

Aa
2.52:1Fail

On Gray 900 #18181b

Aa
6.45:1AAAAA Large

On Black #000000

Aa
7.64:1AAA

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Try Your Luck

Open the generator with this color pre-loaded.

Start creating