← Back to Editor

#918A78 · #CEBA99 · #F2D0A3 · #E7B884 · #EA9668

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

#918A78

Ginger · Gray · Sunflower

HEX
#918A78
RGB
rgb(145, 138, 120)
HSL
hsl(43, 10%, 52%)
HSB
hsb(43, 17%, 57%)
CMYK
cmyk(0%, 5%, 17%, 43%)
Oklch
oklch(63.4% 0.027 89.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#CEBA99

Ginger · Tan · Warm Sun

HEX
#CEBA99
RGB
rgb(206, 186, 153)
HSL
hsl(37, 35%, 70%)
HSB
hsb(37, 26%, 81%)
CMYK
cmyk(0%, 10%, 26%, 19%)
Oklch
oklch(79.7% 0.050 80.2)

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

#F2D0A3

Goose Yellow · Wheat · Peach Orange

HEX
#F2D0A3
RGB
rgb(242, 208, 163)
HSL
hsl(34, 75%, 79%)
HSB
hsb(34, 33%, 95%)
CMYK
cmyk(0%, 14%, 33%, 5%)
Oklch
oklch(87.6% 0.070 74.4)

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

#E7B884

Goose Yellow · BurlyWood · Warm Sun

HEX
#E7B884
RGB
rgb(231, 184, 132)
HSL
hsl(32, 67%, 71%)
HSB
hsb(32, 43%, 91%)
CMYK
cmyk(0%, 20%, 43%, 9%)
Oklch
oklch(81.3% 0.087 68.9)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#EA9668

Apricot · DarkSalmon · Warm Sun

HEX
#EA9668
RGB
rgb(234, 150, 104)
HSL
hsl(21, 76%, 66%)
HSB
hsb(21, 56%, 92%)
CMYK
cmyk(0%, 36%, 56%, 8%)
Oklch
oklch(74.9% 0.118 49.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

918A78
787F91

Analogous

917E78
918A78
8C9178

Triadic

918A78
78918A
8A7891

Split-Comp.

918A78
788C91
7E7891

Tetradic

918A78
78917E
787F91
91788C

Contrast Matrix WCAG 2.1 Contrast

918A78
CEBA99
F2D0A3
E7B884
EA9668
—
1.8
Fail
2.3
Fail
1.9
Fail
1.5
Fail
1.8
Fail
—
1.3
Fail
1.0
Fail
1.2
Fail
2.3
Fail
1.3
Fail
—
1.2
Fail
1.6
Fail
1.9
Fail
1.0
Fail
1.2
Fail
—
1.3
Fail
1.5
Fail
1.2
Fail
1.6
Fail
1.3
Fail
—
White BG
3.4AA Large
1.9Fail
1.5Fail
1.8Fail
2.3Fail
Black BG
6.1AA
11.1AAA
14.3AAA
11.6AAA
9.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8E8E7C
C5C5A1
E3E3AE
D3D291
C6C573

Deuteranopia

8E8F7D
C7C8A3
E5E8B1
D5D994
CBD176

Tritanopia

918081
CDA7A9
F0B6B8
E59B9D
E67C7E

Achromatopsia

8A8A8A
BCBCBC
D5D5D5
C0C0C0
AAAAAA

Shades & Tints Shades & Tints

#918A78

Dark
Light

#CEBA99

Dark
Light

#F2D0A3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #918a78;
  --color-2: #ceba99;
  --color-3: #f2d0a3;
  --color-4: #e7b884;
  --color-5: #ea9668;
}

SCSS

$color-1: #918a78;
$color-2: #ceba99;
$color-3: #f2d0a3;
$color-4: #e7b884;
$color-5: #ea9668;

TAILWIND

colors: {
  'brand-1': '#918a78',
  'brand-2': '#ceba99',
  'brand-3': '#f2d0a3',
  'brand-4': '#e7b884',
  'brand-5': '#ea9668',
}

RGB Array

[145, 138, 120], [206, 186, 153], [242, 208, 163], [231, 184, 132], [234, 150, 104]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #918A78, #CEBA99, #F2D0A3, #E7B884, #EA9668 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: #918a78; --color-2: #ceba99; --color-3: #f2d0a3; --color-4: #e7b884; --color-5: #ea9668. 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