#CEB7A1 + #E3CEA7 + #F0B0A6 + #93788B + #93899B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#CEB7A1

Apricot · Tan · Warm Sun

HEX

#CEB7A1

RGB

rgb(206, 183, 161)

HSL

hsl(29, 31%, 72%)

HSB

hsb(29, 22%, 81%)

CMYK

cmyk(0%, 11%, 22%, 19%)

Oklch

oklch(79.3% 0.040 65.9)

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

#E3CEA7

Goose Yellow · Wheat · Peach Orange

HEX

#E3CEA7

RGB

rgb(227, 206, 167)

HSL

hsl(39, 52%, 77%)

HSB

hsb(39, 26%, 89%)

CMYK

cmyk(0%, 9%, 26%, 11%)

Oklch

oklch(85.9% 0.057 82.9)

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

#F0B0A6

Peach Pink · LightPink · Coral Red

HEX

#F0B0A6

RGB

rgb(240, 176, 166)

HSL

hsl(8, 71%, 80%)

HSB

hsb(8, 31%, 94%)

CMYK

cmyk(0%, 27%, 31%, 6%)

Oklch

oklch(81.4% 0.077 28.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#93788B

Rose Purple · Gray · Violet

HEX

#93788B

RGB

rgb(147, 120, 139)

HSL

hsl(318, 11%, 52%)

HSB

hsb(318, 18%, 58%)

CMYK

cmyk(0%, 18%, 5%, 42%)

Oklch

oklch(60.4% 0.043 337.0)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#93899B

Dark Plum · LightSlateGray · Silver Sand

HEX

#93899B

RGB

rgb(147, 137, 155)

HSL

hsl(273, 8%, 57%)

HSB

hsb(273, 12%, 61%)

CMYK

cmyk(5%, 12%, 0%, 39%)

Oklch

oklch(64.5% 0.029 310.2)

Traditional「Dark Plum」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CEB7A1

A1B8CE

Analogous

CEA1A2

CEB7A1

CECDA1

Triadic

CEB7A1

A1CEB7

B7A1CE

Split-Comp.

CEB7A1

A1CECD

A1A2CE

Tetradic

CEB7A1

A2CEA1

A1B8CE

CDA1CE

Contrast Matrix WCAG 2.1 Contrast

CEB7A1	E3CEA7	F0B0A6	93788B	93899B
—	1.3 Fail	1.1 Fail	2.1 Fail	1.7 Fail
1.3 Fail	—	1.2 Fail	2.6 Fail	2.2 Fail
1.1 Fail	1.2 Fail	—	2.2 Fail	1.8 Fail
2.1 Fail	2.6 Fail	2.2 Fail	—	1.2 Fail
1.7 Fail	2.2 Fail	1.8 Fail	1.2 Fail	—

White BG

1.9Fail

1.5Fail

1.8Fail

4.0AA Large

3.3AA Large

Black BG

10.9AAA

13.7AAA

11.5AAA

5.3AA

6.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C4C4A6

DADAB0

D4D4A8

878786

8F8F97

Deuteranopia

C5C7A8

DBDDB3

D8DDA9

898B85

8F9096

Tritanopia

CDABAB

E2B8BA

EDAAAB

928382

939392

Achromatopsia

BBBBBB

D0D0D0

C2C2C2

828282

8E8E8E

Shades & Tints Shades & Tints

#CEB7A1

Dark

Light

#E3CEA7

Dark

Light

#F0B0A6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ceb7a1;
  --color-2: #e3cea7;
  --color-3: #f0b0a6;
  --color-4: #93788b;
  --color-5: #93899b;
}

SCSS

$color-1: #ceb7a1;
$color-2: #e3cea7;
$color-3: #f0b0a6;
$color-4: #93788b;
$color-5: #93899b;

TAILWIND

colors: {
  'brand-1': '#ceb7a1',
  'brand-2': '#e3cea7',
  'brand-3': '#f0b0a6',
  'brand-4': '#93788b',
  'brand-5': '#93899b',
}

RGB Array

[206, 183, 161], [227, 206, 167], [240, 176, 166], [147, 120, 139], [147, 137, 155]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CEB7A1, #E3CEA7, #F0B0A6, #93788B, #93899B 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: #ceb7a1; --color-2: #e3cea7; --color-3: #f0b0a6; --color-4: #93788b; --color-5: #93899b. 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