#ACCD98 + #BBA373 + #E8E4BF + #B5D2B4 + #B3B282 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#ACCD98

Celadon · DarkSeaGreen · Apple Green

HEX

#ACCD98

RGB

rgb(172, 205, 152)

HSL

hsl(97, 35%, 70%)

HSB

hsb(97, 26%, 80%)

CMYK

cmyk(16%, 0%, 26%, 20%)

Oklch

oklch(81.0% 0.080 133.9)

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

#BBA373

Ginger · Tan · Sunflower

HEX

#BBA373

RGB

rgb(187, 163, 115)

HSL

hsl(40, 35%, 59%)

HSB

hsb(40, 39%, 73%)

CMYK

cmyk(0%, 13%, 39%, 27%)

Oklch

oklch(72.5% 0.070 84.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#E8E4BF

Fresh Green · Wheat · Lemon Cream

HEX

#E8E4BF

RGB

rgb(232, 228, 191)

HSL

hsl(54, 47%, 83%)

HSB

hsb(54, 18%, 91%)

CMYK

cmyk(0%, 2%, 18%, 9%)

Oklch

oklch(91.3% 0.049 102.2)

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

#B5D2B4

Celadon · Silver · Apple Green

HEX

#B5D2B4

RGB

rgb(181, 210, 180)

HSL

hsl(118, 25%, 76%)

HSB

hsb(118, 14%, 82%)

CMYK

cmyk(14%, 0%, 14%, 18%)

Oklch

oklch(83.4% 0.052 144.2)

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

#B3B282

Fresh Green · Tan · Sunflower

HEX

#B3B282

RGB

rgb(179, 178, 130)

HSL

hsl(59, 24%, 61%)

HSB

hsb(59, 27%, 70%)

CMYK

cmyk(0%, 1%, 27%, 30%)

Oklch

oklch(75.2% 0.065 106.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ACCD98

B998CD

Analogous

C7CD98

ACCD98

98CD9E

Triadic

ACCD98

98ACCD

CD98AC

Split-Comp.

ACCD98

9E98CD

CD98C7

Tetradic

ACCD98

98C7CD

B998CD

CD9E98

Contrast Matrix WCAG 2.1 Contrast

ACCD98	BBA373	E8E4BF	B5D2B4	B3B282
—	1.4 Fail	1.4 Fail	1.1 Fail	1.2 Fail
1.4 Fail	—	1.9 Fail	1.5 Fail	1.1 Fail
1.4 Fail	1.9 Fail	—	1.3 Fail	1.7 Fail
1.1 Fail	1.5 Fail	1.3 Fail	—	1.3 Fail
1.2 Fail	1.1 Fail	1.7 Fail	1.3 Fail	—

White BG

1.8Fail

2.4Fail

1.3Fail

1.6Fail

2.2Fail

Black BG

11.9AAA

8.6AAA

16.3AAA

12.8AAA

9.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BABBA5

B1B07F

E6E6C8

C2C2BB

B3B38E

Deuteranopia

B8B6A8

B2B481

E7E7CA

C0BEBD

B3B390

Tritanopia

AEAFB1

BA888A

E8CFD1

B6C1C2

B39799

Achromatopsia

BDBDBD

A5A5A5

E1E1E1

C6C6C6

ADADAD

Shades & Tints Shades & Tints

#ACCD98

Dark

Light

#BBA373

Dark

Light

#E8E4BF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #accd98;
  --color-2: #bba373;
  --color-3: #e8e4bf;
  --color-4: #b5d2b4;
  --color-5: #b3b282;
}

SCSS

$color-1: #accd98;
$color-2: #bba373;
$color-3: #e8e4bf;
$color-4: #b5d2b4;
$color-5: #b3b282;

TAILWIND

colors: {
  'brand-1': '#accd98',
  'brand-2': '#bba373',
  'brand-3': '#e8e4bf',
  'brand-4': '#b5d2b4',
  'brand-5': '#b3b282',
}

RGB Array

[172, 205, 152], [187, 163, 115], [232, 228, 191], [181, 210, 180], [179, 178, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ACCD98, #BBA373, #E8E4BF, #B5D2B4, #B3B282 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: #accd98; --color-2: #bba373; --color-3: #e8e4bf; --color-4: #b5d2b4; --color-5: #b3b282. 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