#B6D2A1 + #799677 + #665E53 + #92685A + #FB6252 · 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

#B6D2A1

Celadon · Silver · Apple Green

HEX

#B6D2A1

RGB

rgb(182, 210, 161)

HSL

hsl(94, 35%, 73%)

HSB

hsb(94, 23%, 82%)

CMYK

cmyk(13%, 0%, 23%, 18%)

Oklch

oklch(83.0% 0.073 132.1)

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

#799677

Celadon · Gray · Olive Green

HEX

#799677

RGB

rgb(121, 150, 119)

HSL

hsl(116, 13%, 53%)

HSB

hsb(116, 21%, 59%)

CMYK

cmyk(19%, 0%, 21%, 41%)

Oklch

oklch(64.2% 0.056 143.2)

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

#665E53

Ochre · DimGray · Amber Brown

HEX

#665E53

RGB

rgb(102, 94, 83)

HSL

hsl(35, 10%, 36%)

HSB

hsb(35, 19%, 40%)

CMYK

cmyk(0%, 8%, 19%, 60%)

Oklch

oklch(48.6% 0.020 75.9)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#92685A

Tangerine · DimGray · Amber Brown

HEX

#92685A

RGB

rgb(146, 104, 90)

HSL

hsl(15, 24%, 46%)

HSB

hsb(15, 38%, 57%)

CMYK

cmyk(0%, 29%, 38%, 43%)

Oklch

oklch(55.7% 0.059 39.2)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#FB6252

Peach Pink · Tomato · Coral Red

HEX

#FB6252

RGB

rgb(251, 98, 82)

HSL

hsl(6, 95%, 65%)

HSB

hsb(6, 67%, 98%)

CMYK

cmyk(0%, 61%, 67%, 2%)

Oklch

oklch(69.0% 0.190 28.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B6D2A1

BDA2D2

Analogous

CFD2A2

B6D2A1

A2D2A5

Triadic

B6D2A1

A2B7D2

D2A2B7

Split-Comp.

B6D2A1

A5A2D2

D2A2CF

Tetradic

B6D2A1

A2CFD2

BDA2D2

D2A5A2

Contrast Matrix WCAG 2.1 Contrast

B6D2A1	799677	665E53	92685A	FB6252
—	2.0 Fail	3.9 AA Large	2.9 Fail	1.8 Fail
2.0 Fail	—	2.0 Fail	1.5 Fail	1.1 Fail
3.9 AA Large	2.0 Fail	—	1.3 Fail	2.1 Fail
2.9 Fail	1.5 Fail	1.3 Fail	—	1.6 Fail
1.8 Fail	1.1 Fail	2.1 Fail	1.6 Fail	—

White BG

1.7Fail

3.3AA Large

6.4AA

4.8AA

3.0AA Large

Black BG

12.7AAA

6.4AA

3.3AA Large

4.3AA Large

7.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C2C2AD

86867F

636256

807F5D

B9B756

Deuteranopia

C1BEB0

848280

636456

82855E

C2CD57

Tritanopia

B7B6B8

7A8486

665858

906061

F3595A

Achromatopsia

C4C4C4

8A8A8A

5F5F5F

737373

8E8E8E

Shades & Tints Shades & Tints

#B6D2A1

Dark

Light

#799677

Dark

Light

#665E53

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b6d2a1;
  --color-2: #799677;
  --color-3: #665e53;
  --color-4: #92685a;
  --color-5: #fb6252;
}

SCSS

$color-1: #b6d2a1;
$color-2: #799677;
$color-3: #665e53;
$color-4: #92685a;
$color-5: #fb6252;

TAILWIND

colors: {
  'brand-1': '#b6d2a1',
  'brand-2': '#799677',
  'brand-3': '#665e53',
  'brand-4': '#92685a',
  'brand-5': '#fb6252',
}

RGB Array

[182, 210, 161], [121, 150, 119], [102, 94, 83], [146, 104, 90], [251, 98, 82]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #B6D2A1, #799677, #665E53, #92685A, #FB6252 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: #b6d2a1; --color-2: #799677; --color-3: #665e53; --color-4: #92685a; --color-5: #fb6252. 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