#B6B790 + #BED49B + #F5E0A8 + #A69C73 + #E9FEBC - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B6B790

Fresh Green · Tan · Sunflower

HEX

#B6B790

RGB

rgb(182, 183, 144)

HSL

hsl(62, 21%, 64%)

HSB

hsb(62, 21%, 72%)

CMYK

cmyk(1%, 0%, 21%, 28%)

Oklch

oklch(76.9% 0.053 108.8)

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

#BED49B

Willow Green · Tan · Apple Green

HEX

#BED49B

RGB

rgb(190, 212, 155)

HSL

hsl(83, 40%, 72%)

HSB

hsb(83, 27%, 83%)

CMYK

cmyk(10%, 0%, 27%, 17%)

Oklch

oklch(83.9% 0.080 125.2)

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

#F5E0A8

Goose Yellow · Wheat · Lemon Cream

HEX

#F5E0A8

RGB

rgb(245, 224, 168)

HSL

hsl(44, 79%, 81%)

HSB

hsb(44, 31%, 96%)

CMYK

cmyk(0%, 9%, 31%, 4%)

Oklch

oklch(91.1% 0.076 89.9)

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

#A69C73

Ginger · DarkSeaGreen · Sunflower

HEX

#A69C73

RGB

rgb(166, 156, 115)

HSL

hsl(48, 22%, 55%)

HSB

hsb(48, 31%, 65%)

CMYK

cmyk(0%, 6%, 31%, 35%)

Oklch

oklch(69.1% 0.058 96.0)

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

#E9FEBC

Willow Green · Bisque · Mint Green

HEX

#E9FEBC

RGB

rgb(233, 254, 188)

HSL

hsl(79, 97%, 87%)

HSB

hsb(79, 26%, 100%)

CMYK

cmyk(8%, 0%, 26%, 0%)

Oklch

oklch(96.6% 0.088 122.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B6B790

9190B6

Analogous

B6A490

B6B790

A2B690

Triadic

B6B790

90B5B6

B690B5

Split-Comp.

B6B790

90A2B6

A490B6

Tetradic

B6B790

90B6A4

9190B6

B690A2

Contrast Matrix WCAG 2.1 Contrast

B6B790	BED49B	F5E0A8	A69C73	E9FEBC
—	1.3 Fail	1.6 Fail	1.3 Fail	1.9 Fail
1.3 Fail	—	1.2 Fail	1.7 Fail	1.5 Fail
1.6 Fail	1.2 Fail	—	2.1 Fail	1.2 Fail
1.3 Fail	1.7 Fail	2.1 Fail	—	2.5 Fail
1.9 Fail	1.5 Fail	1.2 Fail	2.5 Fail	—

White BG

2.1Fail

1.6Fail

1.3Fail

2.8Fail

1.1Fail

Black BG

10.2AAA

13.1AAA

16.1AAA

7.6AAA

19.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B699

C8C8A9

ECECB6

A2A27D

F2F2CC

Deuteranopia

B6B69C

C6C5AC

EDEFB9

A2A37F

F1EFD0

Tritanopia

B6A1A3

BFB4B6

F4C0C3

A68586

EAD9DB

Achromatopsia

B2B2B2

C7C7C7

E0E0E0

9A9A9A

F0F0F0

Shades & Tints Shades & Tints

#B6B790

Dark

Light

#BED49B

Dark

Light

#F5E0A8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b6b790;
  --color-2: #bed49b;
  --color-3: #f5e0a8;
  --color-4: #a69c73;
  --color-5: #e9febc;
}

SCSS

$color-1: #b6b790;
$color-2: #bed49b;
$color-3: #f5e0a8;
$color-4: #a69c73;
$color-5: #e9febc;

TAILWIND

colors: {
  'brand-1': '#b6b790',
  'brand-2': '#bed49b',
  'brand-3': '#f5e0a8',
  'brand-4': '#a69c73',
  'brand-5': '#e9febc',
}

RGB Array

[182, 183, 144], [190, 212, 155], [245, 224, 168], [166, 156, 115], [233, 254, 188]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B6B790, #BED49B, #F5E0A8, #A69C73, #E9FEBC 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: #b6b790; --color-2: #bed49b; --color-3: #f5e0a8; --color-4: #a69c73; --color-5: #e9febc. 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