← Back to Editor

#ECDEC1 · #DA7794 · #C45790 · #A01A57 · #652152

nature

A 5-color nature palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlogData Visualization

Color Details Color Details

#ECDEC1

Goose Yellow · Wheat · Lemon Cream

HEX
#ECDEC1
RGB
rgb(236, 222, 193)
HSL
hsl(40, 53%, 84%)
HSB
hsb(40, 18%, 93%)
CMYK
cmyk(0%, 6%, 18%, 7%)
Oklch
oklch(90.4% 0.041 85.3)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#DA7794

Rouge · LightCoral · Rose Pink

HEX
#DA7794
RGB
rgb(218, 119, 148)
HSL
hsl(342, 57%, 66%)
HSB
hsb(342, 45%, 85%)
CMYK
cmyk(0%, 45%, 32%, 15%)
Oklch
oklch(68.8% 0.127 2.2)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#C45790

Rose Purple · LightCoral · Rose Pink

HEX
#C45790
RGB
rgb(196, 87, 144)
HSL
hsl(329, 48%, 55%)
HSB
hsb(329, 56%, 77%)
CMYK
cmyk(0%, 56%, 27%, 23%)
Oklch
oklch(61.0% 0.153 350.0)

Traditional「Rose Purple」· Paint「Rose Pink」· Creative Blush Sunrise

#A01A57

Dark Violet · Brown · Camellia

HEX
#A01A57
RGB
rgb(160, 26, 87)
HSL
hsl(333, 72%, 36%)
HSB
hsb(333, 84%, 63%)
CMYK
cmyk(0%, 84%, 46%, 37%)
Oklch
oklch(46.9% 0.173 359.8)

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

#652152

Rose Purple · Purple · Eggplant

HEX
#652152
RGB
rgb(101, 33, 82)
HSL
hsl(317, 51%, 26%)
HSB
hsb(317, 67%, 40%)
CMYK
cmyk(0%, 67%, 19%, 60%)
Oklch
oklch(37.0% 0.115 340.4)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ECDEC1
C1CFEC

Analogous

ECC8C1
ECDEC1
E5ECC1

Triadic

ECDEC1
C1ECDD
DDC1EC

Split-Comp.

ECDEC1
C1E5EC
C8C1EC

Tetradic

ECDEC1
C1ECC8
C1CFEC
ECC1E5

Contrast Matrix WCAG 2.1 Contrast

ECDEC1
DA7794
C45790
A01A57
652152
—
2.2
Fail
3.1
AA Large
5.7
AA
8.3
AAA
2.2
Fail
—
1.4
Fail
2.5
Fail
3.7
AA Large
3.1
AA Large
1.4
Fail
—
1.8
Fail
2.7
Fail
5.7
AA
2.5
Fail
1.8
Fail
—
1.5
Fail
8.3
AAA
3.7
AA Large
2.7
Fail
1.5
Fail
—
White BG
1.3Fail
3.0Fail
4.1AA Large
7.6AAA
11.1AAA
Black BG
15.8AAA
7.0AAA
5.1AA
2.8Fail
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E6C8
AFAE8D
959482
666548
484746

Deuteranopia

E7E8CA
B5BC8B
9BA37F
6E7845
4C5143

Tritanopia

EBCECF
D58786
BF7775
993D3A
623D3B

Achromatopsia

DFDFDF
989898
7E7E7E
494949
3B3B3B

Shades & Tints Shades & Tints

#ECDEC1

Dark
Light

#DA7794

Dark
Light

#C45790

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ecdec1;
  --color-2: #da7794;
  --color-3: #c45790;
  --color-4: #a01a57;
  --color-5: #652152;
}

SCSS

$color-1: #ecdec1;
$color-2: #da7794;
$color-3: #c45790;
$color-4: #a01a57;
$color-5: #652152;

TAILWIND

colors: {
  'brand-1': '#ecdec1',
  'brand-2': '#da7794',
  'brand-3': '#c45790',
  'brand-4': '#a01a57',
  'brand-5': '#652152',
}

RGB Array

[236, 222, 193], [218, 119, 148], [196, 87, 144], [160, 26, 87], [101, 33, 82]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #ECDEC1, #DA7794, #C45790, #A01A57, #652152 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #ecdec1; --color-2: #da7794; --color-3: #c45790; --color-4: #a01a57; --color-5: #652152. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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