#82CEA0 + #D0E392 + #C8D948 + #D45D46 + #BA3A3A · nature - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#82CEA0

Celadon · DarkSeaGreen · Apple Green

HEX

#82CEA0

RGB

rgb(130, 206, 160)

HSL

hsl(144, 44%, 66%)

HSB

hsb(144, 37%, 81%)

CMYK

cmyk(37%, 0%, 22%, 19%)

Oklch

oklch(78.9% 0.101 156.6)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#D0E392

Willow Green · Khaki · Apple Green

HEX

#D0E392

RGB

rgb(208, 227, 146)

HSL

hsl(74, 59%, 73%)

HSB

hsb(74, 36%, 89%)

CMYK

cmyk(8%, 0%, 36%, 11%)

Oklch

oklch(88.3% 0.106 119.4)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#C8D948

Autumn Sage · GreenYellow · Sunflower

HEX

#C8D948

RGB

rgb(200, 217, 72)

HSL

hsl(67, 66%, 57%)

HSB

hsb(67, 67%, 85%)

CMYK

cmyk(8%, 0%, 67%, 15%)

Oklch

oklch(84.6% 0.166 115.8)

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

#D45D46

Vermilion · Chocolate · Passion Red

HEX

#D45D46

RGB

rgb(212, 93, 70)

HSL

hsl(10, 62%, 55%)

HSB

hsb(10, 67%, 83%)

CMYK

cmyk(0%, 56%, 67%, 17%)

Oklch

oklch(62.3% 0.155 32.7)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#BA3A3A

Crimson · Brown · Passion Red

HEX

#BA3A3A

RGB

rgb(186, 58, 58)

HSL

hsl(0, 52%, 48%)

HSB

hsb(0, 69%, 73%)

CMYK

cmyk(0%, 69%, 69%, 27%)

Oklch

oklch(53.6% 0.165 24.6)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

82CEA0

CE82B0

Analogous

8ACE82

82CEA0

82CEC7

Triadic

82CEA0

A182CE

CEA182

Split-Comp.

82CEA0

C782CE

CE828A

Tetradic

82CEA0

828ACE

CE82B0

CEC782

Contrast Matrix WCAG 2.1 Contrast

82CEA0	D0E392	C8D948	D45D46	BA3A3A
—	1.3 Fail	1.2 Fail	2.1 Fail	3.0 AA Large
1.3 Fail	—	1.1 Fail	2.8 Fail	4.0 AA Large
1.2 Fail	1.1 Fail	—	2.5 Fail	3.6 AA Large
2.1 Fail	2.8 Fail	2.5 Fail	—	1.5 Fail
3.0 AA Large	4.0 AA Large	3.6 AA Large	1.5 Fail	—

White BG

1.9Fail

1.4Fail

1.6Fail

3.9AA Large

5.6AA

Black BG

11.3AAA

15.1AAA

13.5AAA

5.5AA

3.8AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

A3A4AB

D8D8A6

CFD06B

A09F4C

83813A

Deuteranopia

9F99AE

D7D6AA

CECD74

A7B04D

8A943A

Tritanopia

86B4B6

D1B5B8

C9878D

CE5051

B43A3A

Achromatopsia

B2B2B2

D4D4D4

C3C3C3

7E7E7E

606060

Shades & Tints Shades & Tints

#82CEA0

Dark

Light

#D0E392

Dark

Light

#C8D948

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #82cea0;
  --color-2: #d0e392;
  --color-3: #c8d948;
  --color-4: #d45d46;
  --color-5: #ba3a3a;
}

SCSS

$color-1: #82cea0;
$color-2: #d0e392;
$color-3: #c8d948;
$color-4: #d45d46;
$color-5: #ba3a3a;

TAILWIND

colors: {
  'brand-1': '#82cea0',
  'brand-2': '#d0e392',
  'brand-3': '#c8d948',
  'brand-4': '#d45d46',
  'brand-5': '#ba3a3a',
}

RGB Array

[130, 206, 160], [208, 227, 146], [200, 217, 72], [212, 93, 70], [186, 58, 58]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #82CEA0, #D0E392, #C8D948, #D45D46, #BA3A3A 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: #82cea0; --color-2: #d0e392; --color-3: #c8d948; --color-4: #d45d46; --color-5: #ba3a3a. 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