#BFD08C + #A7B46C + #AEA44F + #C57240 + #EE3B37 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#BFD08C

Willow Green · Tan · Apple Green

HEX

#BFD08C

RGB

rgb(191, 208, 140)

HSL

hsl(75, 42%, 68%)

HSB

hsb(75, 33%, 82%)

CMYK

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

Oklch

oklch(82.8% 0.092 119.9)

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

#A7B46C

Grass Green · DarkSeaGreen · Olive Green

HEX

#A7B46C

RGB

rgb(167, 180, 108)

HSL

hsl(71, 32%, 56%)

HSB

hsb(71, 40%, 71%)

CMYK

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

Oklch

oklch(74.3% 0.097 117.2)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#AEA44F

Autumn Sage · GoldenRod · Honey Gold

HEX

#AEA44F

RGB

rgb(174, 164, 79)

HSL

hsl(54, 38%, 50%)

HSB

hsb(54, 55%, 68%)

CMYK

cmyk(0%, 6%, 55%, 32%)

Oklch

oklch(70.9% 0.107 102.6)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#C57240

Tangerine · Chocolate · Warm Sun

HEX

#C57240

RGB

rgb(197, 114, 64)

HSL

hsl(23, 53%, 51%)

HSB

hsb(23, 68%, 77%)

CMYK

cmyk(0%, 42%, 68%, 23%)

Oklch

oklch(63.4% 0.123 50.1)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#EE3B37

Vermilion · Crimson · Passion Red

HEX

#EE3B37

RGB

rgb(238, 59, 55)

HSL

hsl(1, 84%, 57%)

HSB

hsb(1, 77%, 93%)

CMYK

cmyk(0%, 75%, 77%, 7%)

Oklch

oklch(62.6% 0.216 27.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BFD08C

9C8BD0

Analogous

D0BF8B

BFD08C

9CD08B

Triadic

BFD08C

8BBFD0

D08BBF

Split-Comp.

BFD08C

8B9CD0

BF8BD0

Tetradic

BFD08C

8BD0BF

9C8BD0

D08B9C

Contrast Matrix WCAG 2.1 Contrast

BFD08C	A7B46C	AEA44F	C57240	EE3B37
—	1.3 Fail	1.5 Fail	2.2 Fail	2.4 Fail
1.3 Fail	—	1.1 Fail	1.6 Fail	1.8 Fail
1.5 Fail	1.1 Fail	—	1.4 Fail	1.5 Fail
2.2 Fail	1.6 Fail	1.4 Fail	—	1.1 Fail
2.4 Fail	1.8 Fail	1.5 Fail	1.1 Fail	—

White BG

1.7Fail

2.2Fail

2.6Fail

3.6AA Large

4.0AA Large

Black BG

12.6AAA

9.4AAA

8.2AAA

5.9AA

5.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C6C79C

ADAD7D

AAAA64

A1A04C

A09F38

Deuteranopia

C5C4A0

ACAB82

AAAB69

A6AC4F

ABB838

Tritanopia

C0A9AC

A88B8E

AD7477

C15658

E53939

Achromatopsia

C3C3C3

A8A8A8

9D9D9D

858585

707070

Shades & Tints Shades & Tints

#BFD08C

Dark

Light

#A7B46C

Dark

Light

#AEA44F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bfd08c;
  --color-2: #a7b46c;
  --color-3: #aea44f;
  --color-4: #c57240;
  --color-5: #ee3b37;
}

SCSS

$color-1: #bfd08c;
$color-2: #a7b46c;
$color-3: #aea44f;
$color-4: #c57240;
$color-5: #ee3b37;

TAILWIND

colors: {
  'brand-1': '#bfd08c',
  'brand-2': '#a7b46c',
  'brand-3': '#aea44f',
  'brand-4': '#c57240',
  'brand-5': '#ee3b37',
}

RGB Array

[191, 208, 140], [167, 180, 108], [174, 164, 79], [197, 114, 64], [238, 59, 55]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #BFD08C, #A7B46C, #AEA44F, #C57240, #EE3B37 is ideal for: corporate websites, product showcases, portfolios. 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: #bfd08c; --color-2: #a7b46c; --color-3: #aea44f; --color-4: #c57240; --color-5: #ee3b37. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 pastel-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