← Back to Editor

#EAC178 · #FAB47F · #F0AD97 · #C9B8AF · #9EBCC0

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EAC178

Ginger · BurlyWood · Warm Sun

HEX
#EAC178
RGB
rgb(234, 193, 120)
HSL
hsl(38, 73%, 69%)
HSB
hsb(38, 49%, 92%)
CMYK
cmyk(0%, 18%, 49%, 8%)
Oklch
oklch(83.1% 0.103 81.0)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#FAB47F

Apricot · LightSalmon · Warm Sun

HEX
#FAB47F
RGB
rgb(250, 180, 127)
HSL
hsl(26, 92%, 74%)
HSB
hsb(26, 49%, 98%)
CMYK
cmyk(0%, 28%, 49%, 2%)
Oklch
oklch(82.4% 0.107 57.7)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#F0AD97

Apricot · BurlyWood · Peach Orange

HEX
#F0AD97
RGB
rgb(240, 173, 151)
HSL
hsl(15, 75%, 77%)
HSB
hsb(15, 37%, 94%)
CMYK
cmyk(0%, 28%, 37%, 6%)
Oklch
oklch(80.5% 0.085 38.9)

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

#C9B8AF

Apricot · Silver · Warm Sun

HEX
#C9B8AF
RGB
rgb(201, 184, 175)
HSL
hsl(21, 19%, 74%)
HSB
hsb(21, 13%, 79%)
CMYK
cmyk(0%, 8%, 13%, 21%)
Oklch
oklch(79.4% 0.023 49.9)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#9EBCC0

Sky Blue · DarkGray · Lake Green

HEX
#9EBCC0
RGB
rgb(158, 188, 192)
HSL
hsl(187, 21%, 69%)
HSB
hsb(187, 18%, 75%)
CMYK
cmyk(18%, 2%, 0%, 25%)
Oklch
oklch(77.4% 0.033 206.4)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAC178
76A1EA

Analogous

EA8676
EAC178
DAEA76

Triadic

EAC178
76EABF
BF76EA

Split-Comp.

EAC178
76DAEA
8676EA

Tetradic

EAC178
76EA86
76A1EA
EA76DA

Contrast Matrix WCAG 2.1 Contrast

EAC178
FAB47F
F0AD97
C9B8AF
9EBCC0
—
1.0
Fail
1.1
Fail
1.1
Fail
1.2
Fail
1.0
Fail
—
1.1
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.1
Fail
—
1.0
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.0
Fail
—
1.1
Fail
1.2
Fail
1.1
Fail
1.1
Fail
1.1
Fail
—
White BG
1.7Fail
1.8Fail
1.9Fail
1.9Fail
2.0Fail
Black BG
12.4AAA
11.9AAA
11.1AAA
11.0AAA
10.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D88A
DCDB8C
D3D29C
C2C1B1
ABABBF

Deuteranopia

DBDE8E
E0E58F
D7DC9E
C3C4B2
A9A7BF

Tritanopia

E8989B
F79698
EDA1A1
C8B3B3
A0BEBE

Achromatopsia

C5C5C5
C3C3C3
BFBFBF
BCBCBC
B3B3B3

Shades & Tints Shades & Tints

#EAC178

Dark
Light

#FAB47F

Dark
Light

#F0AD97

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eac178;
  --color-2: #fab47f;
  --color-3: #f0ad97;
  --color-4: #c9b8af;
  --color-5: #9ebcc0;
}

SCSS

$color-1: #eac178;
$color-2: #fab47f;
$color-3: #f0ad97;
$color-4: #c9b8af;
$color-5: #9ebcc0;

TAILWIND

colors: {
  'brand-1': '#eac178',
  'brand-2': '#fab47f',
  'brand-3': '#f0ad97',
  'brand-4': '#c9b8af',
  'brand-5': '#9ebcc0',
}

RGB Array

[234, 193, 120], [250, 180, 127], [240, 173, 151], [201, 184, 175], [158, 188, 192]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EAC178, #FAB47F, #F0AD97, #C9B8AF, #9EBCC0 is ideal for: health products, baby brands, fresh-style blogs. 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: #eac178; --color-2: #fab47f; --color-3: #f0ad97; --color-4: #c9b8af; --color-5: #9ebcc0. 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. 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 general-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