← Back to Editor

#EEC1AA · #44372E · #C3CFBB · #85786F · #DDC4B0

spring

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#EEC1AA

Apricot · LightPink · Peach Orange

HEX
#EEC1AA
RGB
rgb(238, 193, 170)
HSL
hsl(20, 67%, 80%)
HSB
hsb(20, 29%, 93%)
CMYK
cmyk(0%, 19%, 29%, 7%)
Oklch
oklch(84.5% 0.061 48.5)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#44372E

Tangerine · DarkSlateGray · Cinnamon

HEX
#44372E
RGB
rgb(68, 55, 46)
HSL
hsl(25, 19%, 22%)
HSB
hsb(25, 32%, 27%)
CMYK
cmyk(0%, 19%, 32%, 73%)
Oklch
oklch(34.8% 0.024 56.5)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#C3CFBB

Celadon · Silver · Apple Green

HEX
#C3CFBB
RGB
rgb(195, 207, 187)
HSL
hsl(96, 17%, 77%)
HSB
hsb(96, 10%, 81%)
CMYK
cmyk(6%, 0%, 10%, 19%)
Oklch
oklch(84.0% 0.030 132.6)

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

#85786F

Tangerine · Gray · Warm Gray

HEX
#85786F
RGB
rgb(133, 120, 111)
HSL
hsl(25, 9%, 48%)
HSB
hsb(25, 17%, 52%)
CMYK
cmyk(0%, 10%, 17%, 48%)
Oklch
oklch(58.2% 0.021 57.0)

Traditional「Tangerine」· Paint「Warm Gray」· Creative Urban Concrete

#DDC4B0

Apricot · Silver · Peach Orange

HEX
#DDC4B0
RGB
rgb(221, 196, 176)
HSL
hsl(27, 40%, 78%)
HSB
hsb(27, 20%, 87%)
CMYK
cmyk(0%, 11%, 20%, 13%)
Oklch
oklch(83.6% 0.039 60.9)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEC1AA
AAD7EE

Analogous

EEAAB5
EEC1AA
EEE3AA

Triadic

EEC1AA
AAEEC1
C1AAEE

Split-Comp.

EEC1AA
AAEEE3
AAB5EE

Tetradic

EEC1AA
B5EEAA
AAD7EE
E3AAEE

Contrast Matrix WCAG 2.1 Contrast

EEC1AA
44372E
C3CFBB
85786F
DDC4B0
—
7.0
AAA
1.0
Fail
2.6
Fail
1.0
Fail
7.0
AAA
—
7.1
AAA
2.7
Fail
6.9
AA
1.0
Fail
7.1
AAA
—
2.6
Fail
1.0
Fail
2.6
Fail
2.7
Fail
2.6
Fail
—
2.6
Fail
1.0
Fail
6.9
AA
1.0
Fail
2.6
Fail
—
White BG
1.6Fail
11.5AAA
1.6Fail
4.3AA Large
1.7Fail
Black BG
12.8AAA
1.8Fail
13.0AAA
4.9AA
12.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDAB0
3E3E30
C8C8C0
7F7F71
D2D2B5

Deuteranopia

DDE1B1
3F4031
C8C7C1
808172
D4D6B6

Tritanopia

ECB4B5
433232
C4C4C5
847373
DCB9BA

Achromatopsia

CCCCCC
3A3A3A
C9C9C9
7B7B7B
C9C9C9

Shades & Tints Shades & Tints

#EEC1AA

Dark
Light

#44372E

Dark
Light

#C3CFBB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eec1aa;
  --color-2: #44372e;
  --color-3: #c3cfbb;
  --color-4: #85786f;
  --color-5: #ddc4b0;
}

SCSS

$color-1: #eec1aa;
$color-2: #44372e;
$color-3: #c3cfbb;
$color-4: #85786f;
$color-5: #ddc4b0;

TAILWIND

colors: {
  'brand-1': '#eec1aa',
  'brand-2': '#44372e',
  'brand-3': '#c3cfbb',
  'brand-4': '#85786f',
  'brand-5': '#ddc4b0',
}

RGB Array

[238, 193, 170], [68, 55, 46], [195, 207, 187], [133, 120, 111], [221, 196, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #EEC1AA, #44372E, #C3CFBB, #85786F, #DDC4B0 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: #eec1aa; --color-2: #44372e; --color-3: #c3cfbb; --color-4: #85786f; --color-5: #ddc4b0. 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 spring-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