#A36762 + #DA847C + #BAAE98 + #8ED1BF + #EBE9E0 · 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

#A36762

Crimson · Gray · Passion Red

HEX

#A36762

RGB

rgb(163, 103, 98)

HSL

hsl(5, 26%, 51%)

HSB

hsb(5, 40%, 64%)

CMYK

cmyk(0%, 37%, 40%, 36%)

Oklch

oklch(57.7% 0.078 25.0)

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

#DA847C

Peach Pink · LightCoral · Coral Red

HEX

#DA847C

RGB

rgb(218, 132, 124)

HSL

hsl(5, 56%, 67%)

HSB

hsb(5, 43%, 85%)

CMYK

cmyk(0%, 39%, 43%, 15%)

Oklch

oklch(70.2% 0.107 25.8)

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

#BAAE98

Ginger · DarkGray · Warm Sun

HEX

#BAAE98

RGB

rgb(186, 174, 152)

HSL

hsl(39, 20%, 66%)

HSB

hsb(39, 18%, 73%)

CMYK

cmyk(0%, 6%, 18%, 27%)

Oklch

oklch(75.5% 0.033 82.7)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#8ED1BF

Jade · SkyBlue · Lake Green

HEX

#8ED1BF

RGB

rgb(142, 209, 191)

HSL

hsl(164, 42%, 69%)

HSB

hsb(164, 32%, 82%)

CMYK

cmyk(32%, 0%, 9%, 18%)

Oklch

oklch(81.1% 0.073 175.7)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#EBE9E0

Goose Yellow · Beige · Lemon Cream

HEX

#EBE9E0

RGB

rgb(235, 233, 224)

HSL

hsl(49, 22%, 90%)

HSB

hsb(49, 5%, 92%)

CMYK

cmyk(0%, 1%, 5%, 8%)

Oklch

oklch(93.3% 0.012 96.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A36762

629DA3

Analogous

A3627D

A36762

A38762

Triadic

A36762

62A367

6762A3

Split-Comp.

A36762

62A387

627DA3

Tetradic

A36762

7DA362

629DA3

8762A3

Contrast Matrix WCAG 2.1 Contrast

A36762	DA847C	BAAE98	8ED1BF	EBE9E0
—	1.6 Fail	2.1 Fail	2.6 Fail	3.7 AA Large
1.6 Fail	—	1.3 Fail	1.6 Fail	2.3 Fail
2.1 Fail	1.3 Fail	—	1.3 Fail	1.8 Fail
2.6 Fail	1.6 Fail	1.3 Fail	—	1.4 Fail
3.7 AA Large	2.3 Fail	1.8 Fail	1.4 Fail	—

White BG

4.5AA Large

2.8Fail

2.2Fail

1.7Fail

1.2Fail

Black BG

4.7AA

7.6AAA

9.6AAA

12.0AAA

17.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

898863

B5B47E

B5B59D

ABACC3

EAEAE2

Deuteranopia

8D9164

BAC07E

B6B69F

A7A2C4

EAEAE3

Tritanopia

A06464

D67F80

B9A2A2

91C7C8

EBE4E4

Achromatopsia

787878

9D9D9D

AFAFAF

BBBBBB

E9E9E9

Shades & Tints Shades & Tints

#A36762

Dark

Light

#DA847C

Dark

Light

#BAAE98

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a36762;
  --color-2: #da847c;
  --color-3: #baae98;
  --color-4: #8ed1bf;
  --color-5: #ebe9e0;
}

SCSS

$color-1: #a36762;
$color-2: #da847c;
$color-3: #baae98;
$color-4: #8ed1bf;
$color-5: #ebe9e0;

TAILWIND

colors: {
  'brand-1': '#a36762',
  'brand-2': '#da847c',
  'brand-3': '#baae98',
  'brand-4': '#8ed1bf',
  'brand-5': '#ebe9e0',
}

RGB Array

[163, 103, 98], [218, 132, 124], [186, 174, 152], [142, 209, 191], [235, 233, 224]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #A36762, #DA847C, #BAAE98, #8ED1BF, #EBE9E0 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: #a36762; --color-2: #da847c; --color-3: #baae98; --color-4: #8ed1bf; --color-5: #ebe9e0. 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