← Back to Editor

#EBB996 · #F5C9A4 · #EADCC2 · #AC8D88 · #C6AF9F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EBB996

Apricot · BurlyWood · Warm Sun

HEX
#EBB996
RGB
rgb(235, 185, 150)
HSL
hsl(25, 68%, 75%)
HSB
hsb(25, 36%, 92%)
CMYK
cmyk(0%, 21%, 36%, 8%)
Oklch
oklch(82.2% 0.075 56.4)

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

#F5C9A4

Apricot · Wheat · Peach Orange

HEX
#F5C9A4
RGB
rgb(245, 201, 164)
HSL
hsl(27, 80%, 80%)
HSB
hsb(27, 33%, 96%)
CMYK
cmyk(0%, 18%, 33%, 4%)
Oklch
oklch(86.5% 0.070 61.8)

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

#EADCC2

Goose Yellow · Wheat · Peach Orange

HEX
#EADCC2
RGB
rgb(234, 220, 194)
HSL
hsl(39, 49%, 84%)
HSB
hsb(39, 17%, 92%)
CMYK
cmyk(0%, 6%, 17%, 8%)
Oklch
oklch(89.9% 0.038 83.0)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#AC8D88

Crimson · DarkGray · Passion Red

HEX
#AC8D88
RGB
rgb(172, 141, 136)
HSL
hsl(8, 18%, 60%)
HSB
hsb(8, 21%, 67%)
CMYK
cmyk(0%, 18%, 21%, 33%)
Oklch
oklch(67.1% 0.039 28.8)

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

#C6AF9F

Apricot · Tan · Warm Sun

HEX
#C6AF9F
RGB
rgb(198, 175, 159)
HSL
hsl(25, 25%, 70%)
HSB
hsb(25, 20%, 78%)
CMYK
cmyk(0%, 12%, 20%, 22%)
Oklch
oklch(76.9% 0.035 57.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBB996
94C6EB

Analogous

EB949B
EBB996
EBE394

Triadic

EBB996
94EBB8
B894EB

Split-Comp.

EBB996
94EBE3
949BEB

Tetradic

EBB996
9BEB94
94C6EB
E394EB

Contrast Matrix WCAG 2.1 Contrast

EBB996
F5C9A4
EADCC2
AC8D88
C6AF9F
—
1.2
Fail
1.3
Fail
1.7
Fail
1.2
Fail
1.2
Fail
—
1.1
Fail
2.0
Fail
1.4
Fail
1.3
Fail
1.1
Fail
—
2.2
Fail
1.5
Fail
1.7
Fail
2.0
Fail
2.2
Fail
—
1.5
Fail
1.2
Fail
1.4
Fail
1.5
Fail
1.5
Fail
—
White BG
1.8Fail
1.5Fail
1.4Fail
3.0AA Large
2.1Fail
Black BG
11.9AAA
13.8AAA
15.5AAA
6.9AA
10.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D59E
E2E2AD
E4E4C8
9F9E89
BCBCA3

Deuteranopia

D8DCA1
E5E8AF
E5E6CA
A0A38A
BDBFA4

Tritanopia

E9A5A7
F3B4B6
E9CDCE
AA8A8A
C5A6A7

Achromatopsia

C4C4C4
D2D2D2
DDDDDD
969696
B4B4B4

Shades & Tints Shades & Tints

#EBB996

Dark
Light

#F5C9A4

Dark
Light

#EADCC2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebb996;
  --color-2: #f5c9a4;
  --color-3: #eadcc2;
  --color-4: #ac8d88;
  --color-5: #c6af9f;
}

SCSS

$color-1: #ebb996;
$color-2: #f5c9a4;
$color-3: #eadcc2;
$color-4: #ac8d88;
$color-5: #c6af9f;

TAILWIND

colors: {
  'brand-1': '#ebb996',
  'brand-2': '#f5c9a4',
  'brand-3': '#eadcc2',
  'brand-4': '#ac8d88',
  'brand-5': '#c6af9f',
}

RGB Array

[235, 185, 150], [245, 201, 164], [234, 220, 194], [172, 141, 136], [198, 175, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBB996, #F5C9A4, #EADCC2, #AC8D88, #C6AF9F 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: #ebb996; --color-2: #f5c9a4; --color-3: #eadcc2; --color-4: #ac8d88; --color-5: #c6af9f. 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