#EBE29D + #D9D298 + #D9CD82 + #C7BE6D + #E6E5C1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EBE29D

Fresh Green · Khaki · Lemon Cream

HEX

#EBE29D

RGB

rgb(235, 226, 157)

HSL

hsl(53, 66%, 77%)

HSB

hsb(53, 33%, 92%)

CMYK

cmyk(0%, 4%, 33%, 8%)

Oklch

oklch(90.4% 0.088 101.7)

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

#D9D298

Fresh Green · BurlyWood · Sunflower

HEX

#D9D298

RGB

rgb(217, 210, 152)

HSL

hsl(54, 46%, 72%)

HSB

hsb(54, 30%, 85%)

CMYK

cmyk(0%, 3%, 30%, 15%)

Oklch

oklch(85.6% 0.076 102.0)

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

#D9CD82

Fresh Green · BurlyWood · Sunflower

HEX

#D9CD82

RGB

rgb(217, 205, 130)

HSL

hsl(52, 53%, 68%)

HSB

hsb(52, 40%, 85%)

CMYK

cmyk(0%, 6%, 40%, 15%)

Oklch

oklch(84.1% 0.096 100.3)

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

#C7BE6D

Autumn Sage · Tan · Sunflower

HEX

#C7BE6D

RGB

rgb(199, 190, 109)

HSL

hsl(54, 45%, 60%)

HSB

hsb(54, 45%, 78%)

CMYK

cmyk(0%, 5%, 45%, 22%)

Oklch

oklch(79.1% 0.103 102.9)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#E6E5C1

Fresh Green · Wheat · Lemon Cream

HEX

#E6E5C1

RGB

rgb(230, 229, 193)

HSL

hsl(58, 43%, 83%)

HSB

hsb(58, 16%, 90%)

CMYK

cmyk(0%, 0%, 16%, 10%)

Oklch

oklch(91.3% 0.047 106.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBE29D

9EA7EB

Analogous

EBBB9E

EBE29D

CDEB9E

Triadic

EBE29D

9EEBE2

E29EEB

Split-Comp.

EBE29D

9ECDEB

BB9EEB

Tetradic

EBE29D

9EEBBB

9EA7EB

EB9ECD

Contrast Matrix WCAG 2.1 Contrast

EBE29D	D9D298	D9CD82	C7BE6D	E6E5C1
—	1.2 Fail	1.2 Fail	1.4 Fail	1.0 Fail
1.2 Fail	—	1.0 Fail	1.2 Fail	1.2 Fail
1.2 Fail	1.0 Fail	—	1.2 Fail	1.3 Fail
1.4 Fail	1.2 Fail	1.2 Fail	—	1.5 Fail
1.0 Fail	1.2 Fail	1.3 Fail	1.5 Fail	—

White BG

1.3Fail

1.5Fail

1.6Fail

1.9Fail

1.3Fail

Black BG

15.9AAA

13.6AAA

13.0AAA

11.0AAA

16.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7AE

D6D6A6

D4D494

C3C381

E6E6CA

Deuteranopia

E8E8B2

D6D7A9

D5D599

C4C485

E6E6CC

Tritanopia

EBBBBE

D9B1B4

D8A2A6

C79093

E6D1D2

Achromatopsia

DDDDDD

CDCDCD

C8C8C8

B7B7B7

E1E1E1

Shades & Tints Shades & Tints

#EBE29D

Dark

Light

#D9D298

Dark

Light

#D9CD82

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebe29d;
  --color-2: #d9d298;
  --color-3: #d9cd82;
  --color-4: #c7be6d;
  --color-5: #e6e5c1;
}

SCSS

$color-1: #ebe29d;
$color-2: #d9d298;
$color-3: #d9cd82;
$color-4: #c7be6d;
$color-5: #e6e5c1;

TAILWIND

colors: {
  'brand-1': '#ebe29d',
  'brand-2': '#d9d298',
  'brand-3': '#d9cd82',
  'brand-4': '#c7be6d',
  'brand-5': '#e6e5c1',
}

RGB Array

[235, 226, 157], [217, 210, 152], [217, 205, 130], [199, 190, 109], [230, 229, 193]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBE29D, #D9D298, #D9CD82, #C7BE6D, #E6E5C1 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: #ebe29d; --color-2: #d9d298; --color-3: #d9cd82; --color-4: #c7be6d; --color-5: #e6e5c1. 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