#BEC485 + #C0EAF0 + #CCBF9C + #94B6B8 + #CFDB94 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#BEC485

Fresh Green · Tan · Sunflower

HEX

#BEC485

RGB

rgb(190, 196, 133)

HSL

hsl(66, 35%, 65%)

HSB

hsb(66, 32%, 77%)

CMYK

cmyk(3%, 0%, 32%, 23%)

Oklch

oklch(80.1% 0.084 112.7)

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

#C0EAF0

Sky Blue · LightBlue · Glacier Blue

HEX

#C0EAF0

RGB

rgb(192, 234, 240)

HSL

hsl(188, 62%, 85%)

HSB

hsb(188, 20%, 94%)

CMYK

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

Oklch

oklch(90.9% 0.044 207.0)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#CCBF9C

Goose Yellow · Tan · Sunflower

HEX

#CCBF9C

RGB

rgb(204, 191, 156)

HSL

hsl(44, 32%, 71%)

HSB

hsb(44, 24%, 80%)

CMYK

cmyk(0%, 6%, 24%, 20%)

Oklch

oklch(80.6% 0.049 90.1)

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

#94B6B8

Sky Blue · DarkGray · Lake Green

HEX

#94B6B8

RGB

rgb(148, 182, 184)

HSL

hsl(183, 20%, 65%)

HSB

hsb(183, 20%, 72%)

CMYK

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

Oklch

oklch(75.2% 0.037 200.8)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#CFDB94

Willow Green · Khaki · Apple Green

HEX

#CFDB94

RGB

rgb(207, 219, 148)

HSL

hsl(70, 50%, 72%)

HSB

hsb(70, 32%, 86%)

CMYK

cmyk(5%, 0%, 32%, 14%)

Oklch

oklch(86.6% 0.093 116.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BEC485

8D87C5

Analogous

C5AC87

BEC485

A0C587

Triadic

BEC485

87BFC5

C587BF

Split-Comp.

BEC485

87A0C5

AC87C5

Tetradic

BEC485

87C5AC

8D87C5

C587A0

Contrast Matrix WCAG 2.1 Contrast

BEC485	C0EAF0	CCBF9C	94B6B8	CFDB94
—	1.4 Fail	1.0 Fail	1.2 Fail	1.2 Fail
1.4 Fail	—	1.4 Fail	1.7 Fail	1.1 Fail
1.0 Fail	1.4 Fail	—	1.2 Fail	1.2 Fail
1.2 Fail	1.7 Fail	1.2 Fail	—	1.5 Fail
1.2 Fail	1.1 Fail	1.2 Fail	1.5 Fail	—

White BG

1.8Fail

1.3Fail

1.8Fail

2.2Fail

1.5Fail

Black BG

11.4AAA

16.3AAA

11.5AAA

9.6AAA

14.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C194

D2D3EF

C6C6A4

A3A3B8

D4D4A5

Deuteranopia

C0C098

D0CDEE

C7C8A7

A19EB7

D4D3A9

Tritanopia

BEA0A3

C2EDED

CBABAD

96B7B7

D0B3B6

Achromatopsia

BBBBBB

DEDEDE

BFBFBF

ACACAC

CFCFCF

Shades & Tints Shades & Tints

#BEC485

Dark

Light

#C0EAF0

Dark

Light

#CCBF9C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bec485;
  --color-2: #c0eaf0;
  --color-3: #ccbf9c;
  --color-4: #94b6b8;
  --color-5: #cfdb94;
}

SCSS

$color-1: #bec485;
$color-2: #c0eaf0;
$color-3: #ccbf9c;
$color-4: #94b6b8;
$color-5: #cfdb94;

TAILWIND

colors: {
  'brand-1': '#bec485',
  'brand-2': '#c0eaf0',
  'brand-3': '#ccbf9c',
  'brand-4': '#94b6b8',
  'brand-5': '#cfdb94',
}

RGB Array

[190, 196, 133], [192, 234, 240], [204, 191, 156], [148, 182, 184], [207, 219, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #BEC485, #C0EAF0, #CCBF9C, #94B6B8, #CFDB94 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: #bec485; --color-2: #c0eaf0; --color-3: #ccbf9c; --color-4: #94b6b8; --color-5: #cfdb94. 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 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