Japanese Laurel

Meet Japanese Laurel (#2C7F31), a deep green that commands attention without shouting. Its richness offers a solid foundation for palettes, possessing a unique character that feels both organic and digitally native, making it a compelling choice for modern interface design.

What color is Japanese Laurel?

What is the meaning of Japanese Laurel?

How do I use Japanese Laurel (#2C7F31) in UI design?

Using Japanese Laurel color codes

Japanese Laurel

#2C7F31

Access our full UI & UX library today.

What color is Japanese Laurel?

What is the meaning of Japanese Laurel?

How do I use Japanese Laurel (#2C7F31) in UI design?

Using Japanese Laurel color codes

Japanese Laurel Code Conversions

HEX

#2C7F31

LAB

47, -42, 35

RGB

44, 127, 49

XYZ

9.2, 15.9, 5.5

HSL

124°, 49%, 34%

LCH

47, 54, 140°

HSB

124°, 65%, 50%

LUV

47, -36, 45

CMYK

65, 0, 61, 50

CMYK

65, 0, 61, 50

HWB

124°, 17%, 50%

Japanese Laurel Color Harmonies

Analogous

An analogous palette for Japanese Laurel uses adjacent colors on the color wheel to produce a cohesive and naturally calming visual effect.

#517F2C

#2C7F31

#2C7F5B

#517F2C

#2C7F31

#2C7F5B

Complementary

To find Japanese Laurel's complement, look directly across the color wheel. This pairing produces a vibrant, attention-grabbing combination ideal for design accents.

#2C7F31

#7F2C7A

#2C7F31

#7F2C7A

Split Complementary

A split complementary scheme for Japanese Laurel pairs it with the two colors neighboring its opposite, creating a dynamic yet harmonious look.

#2C7F31

#5B2C7F

#7F2C50

#2C7F31

#5B2C7F

#7F2C50

Triadic

A triadic color scheme uses three colors evenly spaced on the color wheel. With Japanese Laurel as the base, this creates a vibrant, high-contrast palette.

#2C7F31

#312C7F

#7F312C

#2C7F31

#312C7F

#7F312C

Tetradic

Formed by two complementary color pairs, a tetradic scheme offers a balanced yet vibrant palette, as seen in these Japanese Laurel variations.

#2C7F31

#2C507F

#7F2C7A

#7F5A2C

#2C7F31

#2C507F

#7F2C7A

#7F5A2C

Square

Square color schemes feature four colors equidistant on the color wheel. This creates a lively and balanced palette with strong, built-in contrast.

#2C7F31

#2C507F

#7F2C7A

#7F5A2C

#2C7F31

#2C507F

#7F2C7A

#7F5A2C

Japanese Laurel Contrast Simulation

Text Color

#

Background Color

#

5.02

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

Text Color

#

Background Color

#

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

5.02

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Japanese Laurel Color Variations

Shades

Shades are darker versions of Japanese Laurel, created by adding black for depth and weight.

#2C7F31

#266D2A

#1F5B23

#19491C

#133615

#0D240E

#061207

#000000

#2C7F31

#266D2A

#1F5B23

#19491C

#133615

#0D240E

#061207

#000000

Tints

Tints are lighter versions of Japanese Laurel, created by adding white to soften the hue.

#2C7F31

#4A914E

#68A46C

#86B689

#A5C8A7

#C3DAC4

#E1EDE2

#FFFFFF

#2C7F31

#4A914E

#68A46C

#86B689

#A5C8A7

#C3DAC4

#E1EDE2

#FFFFFF

Tones

Tones of Japanese Laurel are created by adding gray, resulting in softer, more muted variations.

#2C7F31

#387F3C

#447F48

#507F53

#5C805E

#688069

#748075

#808080

#2C7F31

#387F3C

#447F48

#507F53

#5C805E

#688069

#748075

#808080

Hues

Hues are variations of Japanese Laurel, sharing its base but with different intensities or temperatures.

#2C7F31

#2C7F6F

#2C507F

#462C7F

#7F2C7A

#7F2C3C

#7F5A2C

#657F2C

#2C7F31

#2C7F6F

#2C507F

#462C7F

#7F2C7A

#7F2C3C

#7F5A2C

#657F2C

What Interfaces Use Colors Like Japanese Laurel?

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox