#EDFFB3 + #99928E + #BFE3C3 + #DBEDC2 + #FFF2D4 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EDFFB3

Willow Green · Wheat · Mint Green

HEX

#EDFFB3

RGB

rgb(237, 255, 179)

HSL

hsl(74, 100%, 85%)

HSB

hsb(74, 30%, 100%)

CMYK

cmyk(7%, 0%, 30%, 0%)

Oklch

oklch(96.9% 0.099 119.1)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#99928E

Ash · Gray · Silver Sand

HEX

#99928E

RGB

rgb(153, 146, 142)

HSL

hsl(22, 5%, 58%)

HSB

hsb(22, 7%, 60%)

CMYK

cmyk(0%, 5%, 7%, 40%)

Oklch

oklch(66.5% 0.010 52.0)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#BFE3C3

Celadon · LightGray · Mint Green

HEX

#BFE3C3

RGB

rgb(191, 227, 195)

HSL

hsl(127, 39%, 82%)

HSB

hsb(127, 16%, 89%)

CMYK

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

Oklch

oklch(88.1% 0.058 148.2)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

#DBEDC2

Willow Green · LightGray · Mint Green

HEX

#DBEDC2

RGB

rgb(219, 237, 194)

HSL

hsl(85, 54%, 85%)

HSB

hsb(85, 18%, 93%)

CMYK

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

Oklch

oklch(92.2% 0.060 126.0)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#FFF2D4

Goose Yellow · Beige · Lemon Cream

HEX

#FFF2D4

RGB

rgb(255, 242, 212)

HSL

hsl(42, 100%, 92%)

HSB

hsb(42, 17%, 100%)

CMYK

cmyk(0%, 5%, 17%, 0%)

Oklch

oklch(96.4% 0.042 87.4)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDFFB3

C4B3FF

Analogous

FFEBB3

EDFFB3

C7FFB3

Triadic

EDFFB3

B3EDFF

FFB3ED

Split-Comp.

EDFFB3

B3C7FF

EBB3FF

Tetradic

EDFFB3

B3FFEB

C4B3FF

FFB3C7

Contrast Matrix WCAG 2.1 Contrast

EDFFB3	99928E	BFE3C3	DBEDC2	FFF2D4
—	2.9 Fail	1.3 Fail	1.2 Fail	1.0 Fail
2.9 Fail	—	2.2 Fail	2.5 Fail	2.8 Fail
1.3 Fail	2.2 Fail	—	1.1 Fail	1.3 Fail
1.2 Fail	2.5 Fail	1.1 Fail	—	1.1 Fail
1.0 Fail	2.8 Fail	1.3 Fail	1.1 Fail	—

White BG

1.1Fail

3.1AA Large

1.4Fail

1.2Fail

1.1Fail

Black BG

19.6AAA

6.9AA

15.0AAA

16.9AAA

18.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F5F5C5

96968F

CFCFCB

E3E3CC

F9F9DB

Deuteranopia

F4F2CA

96978F

CDCACD

E2E0CF

FAFBDD

Tritanopia

EED4D7

999090

C1D1D2

DCD5D6

FEE1E2

Achromatopsia

F1F1F1

949494

D5D5D5

E3E3E3

F2F2F2

Shades & Tints Shades & Tints

#EDFFB3

Dark

Light

#99928E

Dark

Light

#BFE3C3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #edffb3;
  --color-2: #99928e;
  --color-3: #bfe3c3;
  --color-4: #dbedc2;
  --color-5: #fff2d4;
}

SCSS

$color-1: #edffb3;
$color-2: #99928e;
$color-3: #bfe3c3;
$color-4: #dbedc2;
$color-5: #fff2d4;

TAILWIND

colors: {
  'brand-1': '#edffb3',
  'brand-2': '#99928e',
  'brand-3': '#bfe3c3',
  'brand-4': '#dbedc2',
  'brand-5': '#fff2d4',
}

RGB Array

[237, 255, 179], [153, 146, 142], [191, 227, 195], [219, 237, 194], [255, 242, 212]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDFFB3, #99928E, #BFE3C3, #DBEDC2, #FFF2D4 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: #edffb3; --color-2: #99928e; --color-3: #bfe3c3; --color-4: #dbedc2; --color-5: #fff2d4. 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