← Back to Editor

#CE9B70 · #DC6B63 · #F68A70 · #F8AC7A · #E5CAAD

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#CE9B70

Apricot · DarkSalmon · Warm Sun

HEX
#CE9B70
RGB
rgb(206, 155, 112)
HSL
hsl(27, 49%, 62%)
HSB
hsb(27, 46%, 81%)
CMYK
cmyk(0%, 25%, 46%, 19%)
Oklch
oklch(72.8% 0.084 61.1)

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

#DC6B63

Peach Pink · Salmon · Coral Red

HEX
#DC6B63
RGB
rgb(220, 107, 99)
HSL
hsl(4, 63%, 63%)
HSB
hsb(4, 55%, 86%)
CMYK
cmyk(0%, 51%, 55%, 14%)
Oklch
oklch(66.0% 0.143 25.8)

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

#F68A70

Peach Pink · Salmon · Coral Red

HEX
#F68A70
RGB
rgb(246, 138, 112)
HSL
hsl(12, 88%, 70%)
HSB
hsb(12, 54%, 96%)
CMYK
cmyk(0%, 44%, 54%, 4%)
Oklch
oklch(74.5% 0.137 34.5)

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

#F8AC7A

Apricot · LightSalmon · Warm Sun

HEX
#F8AC7A
RGB
rgb(248, 172, 122)
HSL
hsl(24, 90%, 73%)
HSB
hsb(24, 51%, 97%)
CMYK
cmyk(0%, 31%, 51%, 3%)
Oklch
oklch(80.7% 0.111 53.8)

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

#E5CAAD

Goose Yellow · Wheat · Peach Orange

HEX
#E5CAAD
RGB
rgb(229, 202, 173)
HSL
hsl(31, 52%, 79%)
HSB
hsb(31, 24%, 90%)
CMYK
cmyk(0%, 12%, 24%, 10%)
Oklch
oklch(85.4% 0.049 69.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CE9B70
6FA3CE

Analogous

CE6F73
CE9B70
CEC96F

Triadic

CE9B70
6FCE99
996FCE

Split-Comp.

CE9B70
6FCEC9
6F73CE

Tetradic

CE9B70
73CE6F
6FA3CE
C96FCE

Contrast Matrix WCAG 2.1 Contrast

CE9B70
DC6B63
F68A70
F8AC7A
E5CAAD
—
1.4
Fail
1.0
Fail
1.3
Fail
1.6
Fail
1.4
Fail
—
1.4
Fail
1.8
Fail
2.1
Fail
1.0
Fail
1.4
Fail
—
1.3
Fail
1.5
Fail
1.3
Fail
1.8
Fail
1.3
Fail
—
1.2
Fail
1.6
Fail
2.1
Fail
1.5
Fail
1.2
Fail
—
White BG
2.5Fail
3.3AA Large
2.4Fail
1.9Fail
1.6Fail
Black BG
8.5AAA
6.3AA
8.8AAA
11.2AAA
13.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B8B77A
ABAA65
C7C676
D7D686
D9D9B4

Deuteranopia

BBBF7D
B2BA65
CED678
DCE189
DBDDB6

Tritanopia

CB8384
D66667
F17B7C
F49092
E4BABB

Achromatopsia

A5A5A5
8C8C8C
A7A7A7
BDBDBD
CFCFCF

Shades & Tints Shades & Tints

#CE9B70

Dark
Light

#DC6B63

Dark
Light

#F68A70

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ce9b70;
  --color-2: #dc6b63;
  --color-3: #f68a70;
  --color-4: #f8ac7a;
  --color-5: #e5caad;
}

SCSS

$color-1: #ce9b70;
$color-2: #dc6b63;
$color-3: #f68a70;
$color-4: #f8ac7a;
$color-5: #e5caad;

TAILWIND

colors: {
  'brand-1': '#ce9b70',
  'brand-2': '#dc6b63',
  'brand-3': '#f68a70',
  'brand-4': '#f8ac7a',
  'brand-5': '#e5caad',
}

RGB Array

[206, 155, 112], [220, 107, 99], [246, 138, 112], [248, 172, 122], [229, 202, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #CE9B70, #DC6B63, #F68A70, #F8AC7A, #E5CAAD 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: #ce9b70; --color-2: #dc6b63; --color-3: #f68a70; --color-4: #f8ac7a; --color-5: #e5caad. 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 warm-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