#EF4D6E + #B6B782 + #EFF2BE + #D0D92F + #4DC1A4 · nature - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarmCool

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#EF4D6E

Peach Pink · Tomato · Coral Red

HEX

#EF4D6E

RGB

rgb(239, 77, 110)

HSL

hsl(348, 84%, 62%)

HSB

hsb(348, 68%, 94%)

CMYK

cmyk(0%, 68%, 54%, 6%)

Oklch

oklch(65.3% 0.198 12.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#B6B782

Fresh Green · Tan · Sunflower

HEX

#B6B782

RGB

rgb(182, 183, 130)

HSL

hsl(61, 27%, 61%)

HSB

hsb(61, 29%, 72%)

CMYK

cmyk(1%, 0%, 29%, 28%)

Oklch

oklch(76.6% 0.071 108.9)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#EFF2BE

Fresh Green · Bisque · Lemon Cream

HEX

#EFF2BE

RGB

rgb(239, 242, 190)

HSL

hsl(63, 67%, 85%)

HSB

hsb(63, 21%, 95%)

CMYK

cmyk(1%, 0%, 21%, 5%)

Oklch

oklch(94.6% 0.067 110.4)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#D0D92F

Autumn Sage · GreenYellow · Sunflower

HEX

#D0D92F

RGB

rgb(208, 217, 47)

HSL

hsl(63, 69%, 52%)

HSB

hsb(63, 78%, 85%)

CMYK

cmyk(4%, 0%, 78%, 15%)

Oklch

oklch(85.1% 0.178 112.8)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#4DC1A4

Mineral Blue · MediumAquaMarine · Lake Green

HEX

#4DC1A4

RGB

rgb(77, 193, 164)

HSL

hsl(165, 48%, 53%)

HSB

hsb(165, 60%, 76%)

CMYK

cmyk(60%, 0%, 15%, 24%)

Oklch

oklch(73.7% 0.113 173.7)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EF4D6E

4DEFCF

Analogous

EF4DBF

EF4D6E

EF7E4D

Triadic

EF4D6E

6DEF4D

4D6DEF

Split-Comp.

EF4D6E

4DEF7E

4DBFEF

Tetradic

EF4D6E

BFEF4D

4DEFCF

7E4DEF

Contrast Matrix WCAG 2.1 Contrast

EF4D6E	B6B782	EFF2BE	D0D92F	4DC1A4
—	1.7 Fail	3.0 AA Large	2.3 Fail	1.6 Fail
1.7 Fail	—	1.8 Fail	1.4 Fail	1.1 Fail
3.0 AA Large	1.8 Fail	—	1.3 Fail	1.9 Fail
2.3 Fail	1.4 Fail	1.3 Fail	—	1.4 Fail
1.6 Fail	1.1 Fail	1.9 Fail	1.4 Fail	—

White BG

3.5AA Large

2.1Fail

1.2Fail

1.5Fail

2.2Fail

Black BG

6.0AA

10.1AAA

18.1AAA

13.6AAA

9.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A9A766

B6B68F

F0F0CB

D4D458

7F80AB

Deuteranopia

B2BE64

B6B692

F0F0CE

D3D362

7970AD

Tritanopia

E7605E

B6999B

EFD5D7

D07980

53B1B2

Achromatopsia

818181

B1B1B1

EBEBEB

C3C3C3

9B9B9B

Shades & Tints Shades & Tints

#EF4D6E

Dark

Light

#B6B782

Dark

Light

#EFF2BE

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ef4d6e;
  --color-2: #b6b782;
  --color-3: #eff2be;
  --color-4: #d0d92f;
  --color-5: #4dc1a4;
}

SCSS

$color-1: #ef4d6e;
$color-2: #b6b782;
$color-3: #eff2be;
$color-4: #d0d92f;
$color-5: #4dc1a4;

TAILWIND

colors: {
  'brand-1': '#ef4d6e',
  'brand-2': '#b6b782',
  'brand-3': '#eff2be',
  'brand-4': '#d0d92f',
  'brand-5': '#4dc1a4',
}

RGB Array

[239, 77, 110], [182, 183, 130], [239, 242, 190], [208, 217, 47], [77, 193, 164]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #EF4D6E, #B6B782, #EFF2BE, #D0D92F, #4DC1A4 is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ef4d6e; --color-2: #b6b782; --color-3: #eff2be; --color-4: #d0d92f; --color-5: #4dc1a4. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This nature-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color