← Back to Editor

#B0E6D6 · #CFC19E · #DCAC96 · #E8998A · #FD7D58

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

#B0E6D6

Jade · LightBlue · Glacier Blue

HEX
#B0E6D6
RGB
rgb(176, 230, 214)
HSL
hsl(162, 52%, 80%)
HSB
hsb(162, 23%, 90%)
CMYK
cmyk(23%, 0%, 7%, 10%)
Oklch
oklch(88.3% 0.060 174.8)

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

#CFC19E

Goose Yellow · Tan · Sunflower

HEX
#CFC19E
RGB
rgb(207, 193, 158)
HSL
hsl(43, 34%, 72%)
HSB
hsb(43, 24%, 81%)
CMYK
cmyk(0%, 7%, 24%, 19%)
Oklch
oklch(81.4% 0.050 88.8)

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

#DCAC96

Apricot · Tan · Warm Sun

HEX
#DCAC96
RGB
rgb(220, 172, 150)
HSL
hsl(19, 50%, 73%)
HSB
hsb(19, 32%, 86%)
CMYK
cmyk(0%, 22%, 32%, 14%)
Oklch
oklch(78.3% 0.064 45.8)

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

#E8998A

Peach Pink · DarkSalmon · Coral Red

HEX
#E8998A
RGB
rgb(232, 153, 138)
HSL
hsl(10, 67%, 73%)
HSB
hsb(10, 41%, 91%)
CMYK
cmyk(0%, 34%, 41%, 9%)
Oklch
oklch(75.8% 0.098 31.3)

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

#FD7D58

Peach Pink · Coral · Coral Red

HEX
#FD7D58
RGB
rgb(253, 125, 88)
HSL
hsl(13, 98%, 67%)
HSB
hsb(13, 65%, 99%)
CMYK
cmyk(0%, 51%, 65%, 1%)
Oklch
oklch(73.0% 0.165 37.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B0E6D6
E7B1C1

Analogous

B1E7BC
B0E6D6
B1DCE7

Triadic

B0E6D6
D7B1E7
E7D7B1

Split-Comp.

B0E6D6
E7B1DC
E7BCB1

Tetradic

B0E6D6
BCB1E7
E7B1C1
DCE7B1

Contrast Matrix WCAG 2.1 Contrast

B0E6D6
CFC19E
DCAC96
E8998A
FD7D58
—
1.3
Fail
1.5
Fail
1.6
Fail
1.8
Fail
1.3
Fail
—
1.1
Fail
1.3
Fail
1.4
Fail
1.5
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.6
Fail
1.3
Fail
1.1
Fail
—
1.1
Fail
1.8
Fail
1.4
Fail
1.3
Fail
1.1
Fail
—
White BG
1.4Fail
1.8Fail
2.0Fail
2.2Fail
2.5Fail
Black BG
15.1AAA
11.8AAA
10.4AAA
9.4AAA
8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C8DA
C9C9A6
C7C79B
C6C58E
C6C461

Deuteranopia

C4C0DB
CACBA9
CACE9D
CAD08F
CDD763

Tritanopia

B3DDDE
CEADAF
DAA0A0
E49091
F7686A

Achromatopsia

D4D4D4
C1C1C1
B8B8B8
AFAFAF
9F9F9F

Shades & Tints Shades & Tints

#B0E6D6

Dark
Light

#CFC19E

Dark
Light

#DCAC96

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b0e6d6;
  --color-2: #cfc19e;
  --color-3: #dcac96;
  --color-4: #e8998a;
  --color-5: #fd7d58;
}

SCSS

$color-1: #b0e6d6;
$color-2: #cfc19e;
$color-3: #dcac96;
$color-4: #e8998a;
$color-5: #fd7d58;

TAILWIND

colors: {
  'brand-1': '#b0e6d6',
  'brand-2': '#cfc19e',
  'brand-3': '#dcac96',
  'brand-4': '#e8998a',
  'brand-5': '#fd7d58',
}

RGB Array

[176, 230, 214], [207, 193, 158], [220, 172, 150], [232, 153, 138], [253, 125, 88]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B0E6D6, #CFC19E, #DCAC96, #E8998A, #FD7D58 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: #b0e6d6; --color-2: #cfc19e; --color-3: #dcac96; --color-4: #e8998a; --color-5: #fd7d58. 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