#EBE8C0 + #E1E3BF + #E3BFBF + #C7AFA3 + #E9ACCD - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EBE8C0

Fresh Green · Wheat · Lemon Cream

HEX

#EBE8C0

RGB

rgb(235, 232, 192)

HSL

hsl(56, 52%, 84%)

HSB

hsb(56, 18%, 92%)

CMYK

cmyk(0%, 1%, 18%, 8%)

Oklch

oklch(92.3% 0.052 103.8)

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

#E1E3BF

Fresh Green · Wheat · Lemon Cream

HEX

#E1E3BF

RGB

rgb(225, 227, 191)

HSL

hsl(63, 39%, 82%)

HSB

hsb(63, 16%, 89%)

CMYK

cmyk(1%, 0%, 16%, 11%)

Oklch

oklch(90.5% 0.048 109.9)

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

#E3BFBF

Peach Pink · LightPink · Cherry Blossom

HEX

#E3BFBF

RGB

rgb(227, 191, 191)

HSL

hsl(0, 39%, 82%)

HSB

hsb(0, 16%, 89%)

CMYK

cmyk(0%, 16%, 16%, 11%)

Oklch

oklch(83.6% 0.041 18.0)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#C7AFA3

Apricot · Tan · Warm Sun

HEX

#C7AFA3

RGB

rgb(199, 175, 163)

HSL

hsl(20, 24%, 71%)

HSB

hsb(20, 18%, 78%)

CMYK

cmyk(0%, 12%, 18%, 22%)

Oklch

oklch(77.1% 0.033 48.3)

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

#E9ACCD

Mauve · LightPink · Cherry Blossom

HEX

#E9ACCD

RGB

rgb(233, 172, 205)

HSL

hsl(328, 58%, 79%)

HSB

hsb(328, 26%, 91%)

CMYK

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

Oklch

oklch(81.1% 0.083 345.4)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBE8C0

C1C4EB

Analogous

EBD3C1

EBE8C0

D9EBC1

Triadic

EBE8C0

C1EBE9

E9C1EB

Split-Comp.

EBE8C0

C1D9EB

D3C1EB

Tetradic

EBE8C0

C1EBD3

C1C4EB

EBC1D9

Contrast Matrix WCAG 2.1 Contrast

EBE8C0	E1E3BF	E3BFBF	C7AFA3	E9ACCD
—	1.1 Fail	1.4 Fail	1.7 Fail	1.5 Fail
1.1 Fail	—	1.3 Fail	1.6 Fail	1.4 Fail
1.4 Fail	1.3 Fail	—	1.2 Fail	1.1 Fail
1.7 Fail	1.6 Fail	1.2 Fail	—	1.1 Fail
1.5 Fail	1.4 Fail	1.1 Fail	1.1 Fail	—

White BG

1.2Fail

1.3Fail

1.7Fail

2.1Fail

1.9Fail

Black BG

16.8AAA

15.9AAA

12.5AAA

10.1AAA

11.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEACA

E2E2C8

D3D3BF

BDBCA6

CFCEC5

Deuteranopia

EAEACC

E2E2CA

D6D8BF

BEC0A7

D2D7C3

Tritanopia

EBD1D3

E1CFD0

E1BFBF

C6A8A9

E6BFBD

Achromatopsia

E4E4E4

DEDEDE

CACACA

B5B5B5

C2C2C2

Shades & Tints Shades & Tints

#EBE8C0

Dark

Light

#E1E3BF

Dark

Light

#E3BFBF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebe8c0;
  --color-2: #e1e3bf;
  --color-3: #e3bfbf;
  --color-4: #c7afa3;
  --color-5: #e9accd;
}

SCSS

$color-1: #ebe8c0;
$color-2: #e1e3bf;
$color-3: #e3bfbf;
$color-4: #c7afa3;
$color-5: #e9accd;

TAILWIND

colors: {
  'brand-1': '#ebe8c0',
  'brand-2': '#e1e3bf',
  'brand-3': '#e3bfbf',
  'brand-4': '#c7afa3',
  'brand-5': '#e9accd',
}

RGB Array

[235, 232, 192], [225, 227, 191], [227, 191, 191], [199, 175, 163], [233, 172, 205]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBE8C0, #E1E3BF, #E3BFBF, #C7AFA3, #E9ACCD 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: #ebe8c0; --color-2: #e1e3bf; --color-3: #e3bfbf; --color-4: #c7afa3; --color-5: #e9accd. 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