#FFFDCC + #EAEDBE + #BEB69F + #B6A095 + #A28985 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FFFDCC

Fresh Green · LightYellow · Lemon Cream

HEX

#FFFDCC

RGB

rgb(255, 253, 204)

HSL

hsl(58, 100%, 90%)

HSB

hsb(58, 20%, 100%)

CMYK

cmyk(0%, 1%, 20%, 0%)

Oklch

oklch(98.4% 0.063 105.6)

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

#EAEDBE

Fresh Green · Wheat · Lemon Cream

HEX

#EAEDBE

RGB

rgb(234, 237, 190)

HSL

hsl(64, 57%, 84%)

HSB

hsb(64, 20%, 93%)

CMYK

cmyk(1%, 0%, 20%, 7%)

Oklch

oklch(93.2% 0.061 110.5)

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

#BEB69F

Ginger · DarkGray · Sunflower

HEX

#BEB69F

RGB

rgb(190, 182, 159)

HSL

hsl(45, 19%, 68%)

HSB

hsb(45, 16%, 75%)

CMYK

cmyk(0%, 4%, 16%, 25%)

Oklch

oklch(77.7% 0.033 91.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#B6A095

Apricot · DarkGray · Warm Sun

HEX

#B6A095

RGB

rgb(182, 160, 149)

HSL

hsl(20, 18%, 65%)

HSB

hsb(20, 18%, 71%)

CMYK

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

Oklch

oklch(72.2% 0.030 48.3)

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

#A28985

Crimson · Gray · Passion Red

HEX

#A28985

RGB

rgb(162, 137, 133)

HSL

hsl(8, 13%, 58%)

HSB

hsb(8, 18%, 64%)

CMYK

cmyk(0%, 15%, 18%, 36%)

Oklch

oklch(65.2% 0.031 28.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFFDCC

CCCEFF

Analogous

FFE4CC

FFFDCC

E7FFCC

Triadic

FFFDCC

CCFFFD

FDCCFF

Split-Comp.

FFFDCC

CCE7FF

E4CCFF

Tetradic

FFFDCC

CCFFE4

CCCEFF

FFCCE7

Contrast Matrix WCAG 2.1 Contrast

FFFDCC	EAEDBE	BEB69F	B6A095	A28985
—	1.2 Fail	1.9 Fail	2.4 Fail	3.1 AA Large
1.2 Fail	—	1.7 Fail	2.1 Fail	2.7 Fail
1.9 Fail	1.7 Fail	—	1.2 Fail	1.6 Fail
2.4 Fail	2.1 Fail	1.2 Fail	—	1.3 Fail
3.1 AA Large	2.7 Fail	1.6 Fail	1.3 Fail	—

White BG

1.0Fail

1.2Fail

2.0Fail

2.5Fail

3.3AA Large

Black BG

20.2AAA

17.4AAA

10.4AAA

8.5AAA

6.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FEFED8

EBEBC9

BBBAA5

ACAC98

979786

Deuteranopia

FEFEDB

EBEBCC

BBBCA6

AEAF98

999B86

Tritanopia

FFE1E3

EAD2D4

BEA9AA

B59A9A

A18787

Achromatopsia

F8F8F8

E7E7E7

B6B6B6

A5A5A5

909090

Shades & Tints Shades & Tints

#FFFDCC

Dark

Light

#EAEDBE

Dark

Light

#BEB69F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fffdcc;
  --color-2: #eaedbe;
  --color-3: #beb69f;
  --color-4: #b6a095;
  --color-5: #a28985;
}

SCSS

$color-1: #fffdcc;
$color-2: #eaedbe;
$color-3: #beb69f;
$color-4: #b6a095;
$color-5: #a28985;

TAILWIND

colors: {
  'brand-1': '#fffdcc',
  'brand-2': '#eaedbe',
  'brand-3': '#beb69f',
  'brand-4': '#b6a095',
  'brand-5': '#a28985',
}

RGB Array

[255, 253, 204], [234, 237, 190], [190, 182, 159], [182, 160, 149], [162, 137, 133]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFFDCC, #EAEDBE, #BEB69F, #B6A095, #A28985 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: #fffdcc; --color-2: #eaedbe; --color-3: #beb69f; --color-4: #b6a095; --color-5: #a28985. 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