← Back to Editor

#ACBDA7 · #FAE78D · #E7CD86 · #624C66 · #FC71A2

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#ACBDA7

Celadon · DarkGray · Apple Green

HEX
#ACBDA7
RGB
rgb(172, 189, 167)
HSL
hsl(106, 14%, 70%)
HSB
hsb(106, 12%, 74%)
CMYK
cmyk(9%, 0%, 12%, 26%)
Oklch
oklch(77.9% 0.036 138.6)

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

#FAE78D

Fresh Green · Khaki · Lemon Cream

HEX
#FAE78D
RGB
rgb(250, 231, 141)
HSL
hsl(50, 92%, 77%)
HSB
hsb(50, 44%, 98%)
CMYK
cmyk(0%, 8%, 44%, 2%)
Oklch
oklch(92.4% 0.112 97.7)

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

#E7CD86

Goose Yellow · BurlyWood · Sunflower

HEX
#E7CD86
RGB
rgb(231, 205, 134)
HSL
hsl(44, 67%, 72%)
HSB
hsb(44, 42%, 91%)
CMYK
cmyk(0%, 11%, 42%, 9%)
Oklch
oklch(85.4% 0.094 90.1)

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

#624C66

Dark Plum · DimGray · Eggplant

HEX
#624C66
RGB
rgb(98, 76, 102)
HSL
hsl(291, 15%, 35%)
HSB
hsb(291, 25%, 40%)
CMYK
cmyk(4%, 25%, 0%, 60%)
Oklch
oklch(44.9% 0.050 321.2)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#FC71A2

Rouge · LightCoral · Rose Pink

HEX
#FC71A2
RGB
rgb(252, 113, 162)
HSL
hsl(339, 96%, 72%)
HSB
hsb(339, 55%, 99%)
CMYK
cmyk(0%, 55%, 36%, 1%)
Oklch
oklch(72.8% 0.176 0.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ACBDA7
B8A8BD

Analogous

B7BDA8
ACBDA7
A8BDAE

Triadic

ACBDA7
A8ADBD
BDA8AD

Split-Comp.

ACBDA7
AEA8BD
BDA8B7

Tetradic

ACBDA7
A8B7BD
B8A8BD
BDAEA8

Contrast Matrix WCAG 2.1 Contrast

ACBDA7
FAE78D
E7CD86
624C66
FC71A2
—
1.6
Fail
1.3
Fail
3.9
AA Large
1.3
Fail
1.6
Fail
—
1.3
Fail
6.1
AA
2.1
Fail
1.3
Fail
1.3
Fail
—
4.9
AA
1.7
Fail
3.9
AA Large
6.1
AA
4.9
AA
—
2.9
Fail
1.3
Fail
2.1
Fail
1.7
Fail
2.9
Fail
—
White BG
2.0Fail
1.2Fail
1.6Fail
7.7AAA
2.6Fail
Black BG
10.6AAA
16.9AAA
13.5AAA
2.7Fail
8.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B3B4AC
F2F2A3
DCDC97
585860
C0BF96

Deuteranopia

B2B1AE
F3F4A8
DDDF9B
5A5B5E
C8D293

Tritanopia

ADB1B1
F9B4B8
E6A5A8
615B5A
F58D8B

Achromatopsia

B5B5B5
E2E2E2
CDCDCD
565656
A0A0A0

Shades & Tints Shades & Tints

#ACBDA7

Dark
Light

#FAE78D

Dark
Light

#E7CD86

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #acbda7;
  --color-2: #fae78d;
  --color-3: #e7cd86;
  --color-4: #624c66;
  --color-5: #fc71a2;
}

SCSS

$color-1: #acbda7;
$color-2: #fae78d;
$color-3: #e7cd86;
$color-4: #624c66;
$color-5: #fc71a2;

TAILWIND

colors: {
  'brand-1': '#acbda7',
  'brand-2': '#fae78d',
  'brand-3': '#e7cd86',
  'brand-4': '#624c66',
  'brand-5': '#fc71a2',
}

RGB Array

[172, 189, 167], [250, 231, 141], [231, 205, 134], [98, 76, 102], [252, 113, 162]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #ACBDA7, #FAE78D, #E7CD86, #624C66, #FC71A2 is ideal for: health products, baby brands, fresh-style blogs, 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: #acbda7; --color-2: #fae78d; --color-3: #e7cd86; --color-4: #624c66; --color-5: #fc71a2. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 warm-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