#B2295D + #B15675 + #A4A174 + #ABDC4D + #EAF1A1 · nature - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#B2295D

Dark Violet · MediumVioletRed · Camellia

HEX

#B2295D

RGB

rgb(178, 41, 93)

HSL

hsl(337, 63%, 43%)

HSB

hsb(337, 77%, 70%)

CMYK

cmyk(0%, 77%, 48%, 30%)

Oklch

oklch(51.4% 0.176 3.2)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#B15675

Dark Violet · Gray · Rose Pink

HEX

#B15675

RGB

rgb(177, 86, 117)

HSL

hsl(340, 37%, 52%)

HSB

hsb(340, 51%, 69%)

CMYK

cmyk(0%, 51%, 34%, 31%)

Oklch

oklch(57.3% 0.123 0.1)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#A4A174

Autumn Sage · DarkSeaGreen · Sunflower

HEX

#A4A174

RGB

rgb(164, 161, 116)

HSL

hsl(56, 21%, 55%)

HSB

hsb(56, 29%, 64%)

CMYK

cmyk(0%, 2%, 29%, 36%)

Oklch

oklch(70.0% 0.062 104.7)

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

#ABDC4D

Grass Green · GreenYellow · Olive Green

HEX

#ABDC4D

RGB

rgb(171, 220, 77)

HSL

hsl(81, 67%, 58%)

HSB

hsb(81, 65%, 86%)

CMYK

cmyk(22%, 0%, 65%, 14%)

Oklch

oklch(83.3% 0.177 126.2)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#EAF1A1

Fresh Green · Khaki · Lemon Cream

HEX

#EAF1A1

RGB

rgb(234, 241, 161)

HSL

hsl(65, 74%, 79%)

HSB

hsb(65, 33%, 95%)

CMYK

cmyk(3%, 0%, 33%, 5%)

Oklch

oklch(93.5% 0.102 112.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B2295D

29B37E

Analogous

B329A3

B2295D

B33929

Triadic

B2295D

5EB329

295EB3

Split-Comp.

B2295D

29B339

29A3B3

Tetradic

B2295D

A3B329

29B37E

3929B3

Contrast Matrix WCAG 2.1 Contrast

B2295D	B15675	A4A174	ABDC4D	EAF1A1
—	1.3 Fail	2.4 Fail	3.9 AA Large	5.2 AA
1.3 Fail	—	1.8 Fail	2.9 Fail	3.9 AA Large
2.4 Fail	1.8 Fail	—	1.6 Fail	2.2 Fail
3.9 AA Large	2.9 Fail	1.6 Fail	—	1.3 Fail
5.2 AA	3.9 AA Large	2.2 Fail	1.3 Fail	—

White BG

6.2AA

4.7AA

2.6Fail

1.6Fail

1.2Fail

Black BG

3.4AA Large

4.5AA Large

7.9AAA

13.1AAA

17.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

777550

8A896D

A3A37F

C0C170

EDEDB4

Deuteranopia

7F894D

8F966C

A3A382

BDBA78

EDECB9

Tritanopia

AB4644

AC6866

A48789

AD8B91

EAC4C7

Achromatopsia

585858

757575

9D9D9D

BDBDBD

E6E6E6

Shades & Tints Shades & Tints

#B2295D

Dark

Light

#B15675

Dark

Light

#A4A174

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b2295d;
  --color-2: #b15675;
  --color-3: #a4a174;
  --color-4: #abdc4d;
  --color-5: #eaf1a1;
}

SCSS

$color-1: #b2295d;
$color-2: #b15675;
$color-3: #a4a174;
$color-4: #abdc4d;
$color-5: #eaf1a1;

TAILWIND

colors: {
  'brand-1': '#b2295d',
  'brand-2': '#b15675',
  'brand-3': '#a4a174',
  'brand-4': '#abdc4d',
  'brand-5': '#eaf1a1',
}

RGB Array

[178, 41, 93], [177, 86, 117], [164, 161, 116], [171, 220, 77], [234, 241, 161]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #B2295D, #B15675, #A4A174, #ABDC4D, #EAF1A1 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: #b2295d; --color-2: #b15675; --color-3: #a4a174; --color-4: #abdc4d; --color-5: #eaf1a1. 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