#BBA046 + #F0EAD8 + #F0D8D8 + #E6A1A1 + #E6E6A2 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#BBA046

Ochre · GoldenRod · Honey Gold

HEX

#BBA046

RGB

rgb(187, 160, 70)

HSL

hsl(46, 46%, 50%)

HSB

hsb(46, 63%, 73%)

CMYK

cmyk(0%, 14%, 63%, 27%)

Oklch

oklch(71.2% 0.114 92.6)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#F0EAD8

Goose Yellow · Beige · Lemon Cream

HEX

#F0EAD8

RGB

rgb(240, 234, 216)

HSL

hsl(45, 44%, 89%)

HSB

hsb(45, 10%, 94%)

CMYK

cmyk(0%, 3%, 10%, 6%)

Oklch

oklch(93.7% 0.025 91.6)

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

#F0D8D8

Peach Pink · Bisque · Cherry Blossom

HEX

#F0D8D8

RGB

rgb(240, 216, 216)

HSL

hsl(0, 44%, 89%)

HSB

hsb(0, 10%, 94%)

CMYK

cmyk(0%, 10%, 10%, 6%)

Oklch

oklch(90.2% 0.027 17.7)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#E6A1A1

Peach Pink · Tan · Coral Red

HEX

#E6A1A1

RGB

rgb(230, 161, 161)

HSL

hsl(0, 58%, 77%)

HSB

hsb(0, 30%, 90%)

CMYK

cmyk(0%, 30%, 30%, 10%)

Oklch

oklch(77.5% 0.082 19.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#E6E6A2

Fresh Green · Wheat · Lemon Cream

HEX

#E6E6A2

RGB

rgb(230, 230, 162)

HSL

hsl(60, 58%, 77%)

HSB

hsb(60, 30%, 90%)

CMYK

cmyk(0%, 0%, 30%, 10%)

Oklch

oklch(90.9% 0.087 108.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BBA046

4560BA

Analogous

BA6445

BBA046

9BBA45

Triadic

BBA046

45BA9F

9F45BA

Split-Comp.

BBA046

459BBA

6445BA

Tetradic

BBA046

45BA64

4560BA

BA459B

Contrast Matrix WCAG 2.1 Contrast

BBA046	F0EAD8	F0D8D8	E6A1A1	E6E6A2
—	2.1 Fail	1.9 Fail	1.2 Fail	2.0 Fail
2.1 Fail	—	1.1 Fail	1.8 Fail	1.1 Fail
1.9 Fail	1.1 Fail	—	1.6 Fail	1.0 Fail
1.2 Fail	1.8 Fail	1.6 Fail	—	1.6 Fail
2.0 Fail	1.1 Fail	1.0 Fail	1.6 Fail	—

White BG

2.6Fail

1.2Fail

1.4Fail

2.1Fail

1.3Fail

Black BG

8.2AAA

17.5AAA

15.5AAA

10.0AAA

16.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AFAF5C

EDEDDC

E6E5D8

C8C8A1

E6E6B2

Deuteranopia

B1B361

EEEEDD

E7E9D8

CCD1A1

E6E6B6

Tritanopia

BA6D71

F0E0E1

EFD8D8

E3A1A1

E6BFC2

Achromatopsia

9E9E9E

EAEAEA

DFDFDF

B6B6B6

DEDEDE

Shades & Tints Shades & Tints

#BBA046

Dark

Light

#F0EAD8

Dark

Light

#F0D8D8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bba046;
  --color-2: #f0ead8;
  --color-3: #f0d8d8;
  --color-4: #e6a1a1;
  --color-5: #e6e6a2;
}

SCSS

$color-1: #bba046;
$color-2: #f0ead8;
$color-3: #f0d8d8;
$color-4: #e6a1a1;
$color-5: #e6e6a2;

TAILWIND

colors: {
  'brand-1': '#bba046',
  'brand-2': '#f0ead8',
  'brand-3': '#f0d8d8',
  'brand-4': '#e6a1a1',
  'brand-5': '#e6e6a2',
}

RGB Array

[187, 160, 70], [240, 234, 216], [240, 216, 216], [230, 161, 161], [230, 230, 162]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BBA046, #F0EAD8, #F0D8D8, #E6A1A1, #E6E6A2 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: #bba046; --color-2: #f0ead8; --color-3: #f0d8d8; --color-4: #e6a1a1; --color-5: #e6e6a2. 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