#D08E6A + #99D0B4 + #B8AA8A + #E7724B + #9BC8B2 · 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

#D08E6A

Apricot · DarkSalmon · Warm Sun

HEX

#D08E6A

RGB

rgb(208, 142, 106)

HSL

hsl(21, 52%, 62%)

HSB

hsb(21, 49%, 82%)

CMYK

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

Oklch

oklch(70.4% 0.095 49.3)

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

#99D0B4

Celadon · DarkSeaGreen · Apple Green

HEX

#99D0B4

RGB

rgb(153, 208, 180)

HSL

hsl(149, 37%, 71%)

HSB

hsb(149, 26%, 82%)

CMYK

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

Oklch

oklch(81.2% 0.069 162.2)

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

#B8AA8A

Ginger · Tan · Sunflower

HEX

#B8AA8A

RGB

rgb(184, 170, 138)

HSL

hsl(42, 24%, 63%)

HSB

hsb(42, 25%, 72%)

CMYK

cmyk(0%, 8%, 25%, 28%)

Oklch

oklch(74.2% 0.047 87.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#E7724B

Tangerine · Coral · Warm Sun

HEX

#E7724B

RGB

rgb(231, 114, 75)

HSL

hsl(15, 76%, 60%)

HSB

hsb(15, 68%, 91%)

CMYK

cmyk(0%, 51%, 68%, 9%)

Oklch

oklch(68.2% 0.155 38.9)

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

#9BC8B2

Jade · DarkGray · Apple Green

HEX

#9BC8B2

RGB

rgb(155, 200, 178)

HSL

hsl(151, 29%, 70%)

HSB

hsb(151, 23%, 78%)

CMYK

cmyk(23%, 0%, 11%, 22%)

Oklch

oklch(79.4% 0.057 163.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D08E6A

6CADD0

Analogous

D06C7B

D08E6A

D0C16C

Triadic

D08E6A

6CD08F

8F6CD0

Split-Comp.

D08E6A

6CD0C1

6C7BD0

Tetradic

D08E6A

7BD06C

6CADD0

C16CD0

Contrast Matrix WCAG 2.1 Contrast

D08E6A	99D0B4	B8AA8A	E7724B	9BC8B2
—	1.6 Fail	1.2 Fail	1.1 Fail	1.5 Fail
1.6 Fail	—	1.3 Fail	1.7 Fail	1.1 Fail
1.2 Fail	1.3 Fail	—	1.3 Fail	1.2 Fail
1.1 Fail	1.7 Fail	1.3 Fail	—	1.6 Fail
1.5 Fail	1.1 Fail	1.2 Fail	1.6 Fail	—

White BG

2.7Fail

1.7Fail

2.3Fail

3.0AA Large

1.9Fail

Black BG

7.8AAA

12.0AAA

9.2AAA

6.9AA

11.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B3B373

B1B1BB

B2B292

B4B354

AEAFB7

Deuteranopia

B7BC75

AEAABC

B3B494

BBC457

ACA9B9

Tritanopia

CD7A7B

9CC0C1

B79899

E15C5E

9DBCBC

Achromatopsia

9E9E9E

BCBCBC

ABABAB

919191

B8B8B8

Shades & Tints Shades & Tints

#D08E6A

Dark

Light

#99D0B4

Dark

Light

#B8AA8A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d08e6a;
  --color-2: #99d0b4;
  --color-3: #b8aa8a;
  --color-4: #e7724b;
  --color-5: #9bc8b2;
}

SCSS

$color-1: #d08e6a;
$color-2: #99d0b4;
$color-3: #b8aa8a;
$color-4: #e7724b;
$color-5: #9bc8b2;

TAILWIND

colors: {
  'brand-1': '#d08e6a',
  'brand-2': '#99d0b4',
  'brand-3': '#b8aa8a',
  'brand-4': '#e7724b',
  'brand-5': '#9bc8b2',
}

RGB Array

[208, 142, 106], [153, 208, 180], [184, 170, 138], [231, 114, 75], [155, 200, 178]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #D08E6A, #99D0B4, #B8AA8A, #E7724B, #9BC8B2 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: #d08e6a; --color-2: #99d0b4; --color-3: #b8aa8a; --color-4: #e7724b; --color-5: #9bc8b2. 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