← Back to Editor

#8BCBB1 · #F9E6BE · #DDC096 · #CAA18D · #FFA59A

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#8BCBB1

Jade · DarkSeaGreen · Apple Green

HEX
#8BCBB1
RGB
rgb(139, 203, 177)
HSL
hsl(156, 38%, 67%)
HSB
hsb(156, 32%, 80%)
CMYK
cmyk(32%, 0%, 13%, 20%)
Oklch
oklch(79.1% 0.075 167.2)

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

#F9E6BE

Goose Yellow · Bisque · Lemon Cream

HEX
#F9E6BE
RGB
rgb(249, 230, 190)
HSL
hsl(41, 83%, 86%)
HSB
hsb(41, 24%, 98%)
CMYK
cmyk(0%, 8%, 24%, 2%)
Oklch
oklch(93.0% 0.056 85.6)

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

#DDC096

Goose Yellow · BurlyWood · Warm Sun

HEX
#DDC096
RGB
rgb(221, 192, 150)
HSL
hsl(35, 51%, 73%)
HSB
hsb(35, 32%, 87%)
CMYK
cmyk(0%, 13%, 32%, 13%)
Oklch
oklch(82.2% 0.065 76.8)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#CAA18D

Apricot · Tan · Warm Sun

HEX
#CAA18D
RGB
rgb(202, 161, 141)
HSL
hsl(20, 37%, 67%)
HSB
hsb(20, 30%, 79%)
CMYK
cmyk(0%, 20%, 30%, 21%)
Oklch
oklch(74.1% 0.056 47.3)

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

#FFA59A

Peach Pink · LightSalmon · Coral Red

HEX
#FFA59A
RGB
rgb(255, 165, 154)
HSL
hsl(7, 100%, 80%)
HSB
hsb(7, 40%, 100%)
CMYK
cmyk(0%, 35%, 40%, 0%)
Oklch
oklch(80.9% 0.109 27.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8BCBB1
CB8BA4

Analogous

8BCB91
8BCBB1
8BC4CB

Triadic

8BCBB1
B18BCB
CBB18B

Split-Comp.

8BCBB1
CB8BC4
CB918B

Tetradic

8BCBB1
918BCB
CB8BA4
C4CB8B

Contrast Matrix WCAG 2.1 Contrast

8BCBB1
F9E6BE
DDC096
CAA18D
FFA59A
—
1.5
Fail
1.1
Fail
1.3
Fail
1.0
Fail
1.5
Fail
—
1.4
Fail
1.9
Fail
1.5
Fail
1.1
Fail
1.4
Fail
—
1.3
Fail
1.1
Fail
1.3
Fail
1.9
Fail
1.3
Fail
—
1.2
Fail
1.0
Fail
1.5
Fail
1.1
Fail
1.2
Fail
—
White BG
1.9Fail
1.2Fail
1.7Fail
2.3Fail
1.9Fail
Black BG
11.3AAA
17.1AAA
12.1AAA
9.0AAA
11.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A7A7B7
F1F1C8
D0D0A0
B8B892
D8D79D

Deuteranopia

A39EB9
F2F3CA
D2D4A3
BBBE93
DDE49D

Tritanopia

8EBCBD
F8CFD1
DCA8AA
C89697
FB9F9F

Achromatopsia

B5B5B5
E7E7E7
C4C4C4
ABABAB
BFBFBF

Shades & Tints Shades & Tints

#8BCBB1

Dark
Light

#F9E6BE

Dark
Light

#DDC096

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8bcbb1;
  --color-2: #f9e6be;
  --color-3: #ddc096;
  --color-4: #caa18d;
  --color-5: #ffa59a;
}

SCSS

$color-1: #8bcbb1;
$color-2: #f9e6be;
$color-3: #ddc096;
$color-4: #caa18d;
$color-5: #ffa59a;

TAILWIND

colors: {
  'brand-1': '#8bcbb1',
  'brand-2': '#f9e6be',
  'brand-3': '#ddc096',
  'brand-4': '#caa18d',
  'brand-5': '#ffa59a',
}

RGB Array

[139, 203, 177], [249, 230, 190], [221, 192, 150], [202, 161, 141], [255, 165, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8BCBB1, #F9E6BE, #DDC096, #CAA18D, #FFA59A is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #8bcbb1; --color-2: #f9e6be; --color-3: #ddc096; --color-4: #caa18d; --color-5: #ffa59a. 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 general-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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