#ACBA9C + #DF2934 + #C44F56 + #C97D82 + #CCDDB9 · nature - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#ACBA9C

Willow Green · DarkGray · Apple Green

HEX

#ACBA9C

RGB

rgb(172, 186, 156)

HSL

hsl(88, 18%, 67%)

HSB

hsb(88, 16%, 73%)

CMYK

cmyk(8%, 0%, 16%, 27%)

Oklch

oklch(77.0% 0.044 127.8)

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

#DF2934

Vermilion · Crimson · Passion Red

HEX

#DF2934

RGB

rgb(223, 41, 52)

HSL

hsl(356, 74%, 52%)

HSB

hsb(356, 82%, 87%)

CMYK

cmyk(0%, 82%, 77%, 13%)

Oklch

oklch(58.6% 0.215 24.6)

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

#C44F56

Crimson · Sienna · Passion Red

HEX

#C44F56

RGB

rgb(196, 79, 86)

HSL

hsl(356, 50%, 54%)

HSB

hsb(356, 60%, 77%)

CMYK

cmyk(0%, 60%, 56%, 23%)

Oklch

oklch(58.3% 0.150 19.5)

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

#C97D82

Peach Pink · LightCoral · Coral Red

HEX

#C97D82

RGB

rgb(201, 125, 130)

HSL

hsl(356, 41%, 64%)

HSB

hsb(356, 38%, 79%)

CMYK

cmyk(0%, 38%, 35%, 21%)

Oklch

oklch(67.1% 0.095 15.7)

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

#CCDDB9

Willow Green · LightGray · Apple Green

HEX

#CCDDB9

RGB

rgb(204, 221, 185)

HSL

hsl(88, 35%, 80%)

HSB

hsb(88, 16%, 87%)

CMYK

cmyk(8%, 0%, 16%, 13%)

Oklch

oklch(87.5% 0.052 128.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ACBA9C

AA9CBA

Analogous

BAB99C

ACBA9C

9DBA9C

Triadic

ACBA9C

9CACBA

BA9CAC

Split-Comp.

ACBA9C

9C9DBA

B99CBA

Tetradic

ACBA9C

9CBAB9

AA9CBA

BA9C9D

Contrast Matrix WCAG 2.1 Contrast

ACBA9C	DF2934	C44F56	C97D82	CCDDB9
—	2.3 Fail	2.2 Fail	1.5 Fail	1.4 Fail
2.3 Fail	—	1.0 Fail	1.5 Fail	3.2 AA Large
2.2 Fail	1.0 Fail	—	1.5 Fail	3.2 AA Large
1.5 Fail	1.5 Fail	1.5 Fail	—	2.2 Fail
1.4 Fail	3.2 AA Large	3.2 AA Large	2.2 Fail	—

White BG

2.0Fail

4.7AA

4.6AA

3.1AA Large

1.4Fail

Black BG

10.3AAA

4.5AA

4.6AA

6.7AA

14.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B2B2A3

908F31

919054

A8A781

D3D4C2

Deuteranopia

B1B0A5

9BA831

98A154

ADB281

D2D1C4

Tritanopia

ADA9AA

D62F2F

BE5353

C58080

CDC9CA

Achromatopsia

B2B2B2

616161

737373

949494

D4D4D4

Shades & Tints Shades & Tints

#ACBA9C

Dark

Light

#DF2934

Dark

Light

#C44F56

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #acba9c;
  --color-2: #df2934;
  --color-3: #c44f56;
  --color-4: #c97d82;
  --color-5: #ccddb9;
}

SCSS

$color-1: #acba9c;
$color-2: #df2934;
$color-3: #c44f56;
$color-4: #c97d82;
$color-5: #ccddb9;

TAILWIND

colors: {
  'brand-1': '#acba9c',
  'brand-2': '#df2934',
  'brand-3': '#c44f56',
  'brand-4': '#c97d82',
  'brand-5': '#ccddb9',
}

RGB Array

[172, 186, 156], [223, 41, 52], [196, 79, 86], [201, 125, 130], [204, 221, 185]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #ACBA9C, #DF2934, #C44F56, #C97D82, #CCDDB9 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: #acba9c; --color-2: #df2934; --color-3: #c44f56; --color-4: #c97d82; --color-5: #ccddb9. 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