← Back to Editor

#CDB2A1 · #D88386 · #F6D2B8 · #F8E0C6 · #FFECDB

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

#CDB2A1

Apricot · Tan · Warm Sun

HEX
#CDB2A1
RGB
rgb(205, 178, 161)
HSL
hsl(23, 31%, 72%)
HSB
hsb(23, 21%, 80%)
CMYK
cmyk(0%, 13%, 21%, 20%)
Oklch
oklch(78.2% 0.039 54.2)

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

#D88386

Peach Pink · LightCoral · Coral Red

HEX
#D88386
RGB
rgb(216, 131, 134)
HSL
hsl(358, 52%, 68%)
HSB
hsb(358, 39%, 85%)
CMYK
cmyk(0%, 39%, 38%, 15%)
Oklch
oklch(70.1% 0.105 17.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#F6D2B8

Apricot · Wheat · Peach Orange

HEX
#F6D2B8
RGB
rgb(246, 210, 184)
HSL
hsl(25, 78%, 84%)
HSB
hsb(25, 25%, 96%)
CMYK
cmyk(0%, 15%, 25%, 4%)
Oklch
oklch(88.8% 0.053 57.8)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#F8E0C6

Goose Yellow · Bisque · Peach Orange

HEX
#F8E0C6
RGB
rgb(248, 224, 198)
HSL
hsl(31, 78%, 87%)
HSB
hsb(31, 20%, 97%)
CMYK
cmyk(0%, 10%, 20%, 3%)
Oklch
oklch(92.0% 0.043 69.5)

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

#FFECDB

Apricot · Linen · Peach Orange

HEX
#FFECDB
RGB
rgb(255, 236, 219)
HSL
hsl(28, 100%, 93%)
HSB
hsb(28, 14%, 100%)
CMYK
cmyk(0%, 7%, 14%, 0%)
Oklch
oklch(95.4% 0.031 64.3)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CDB2A1
A1BDCE

Analogous

CEA1A7
CDB2A1
CEC9A1

Triadic

CDB2A1
A1CEB2
B2A1CE

Split-Comp.

CDB2A1
A1CEC9
A1A7CE

Tetradic

CDB2A1
A7CEA1
A1BDCE
C9A1CE

Contrast Matrix WCAG 2.1 Contrast

CDB2A1
D88386
F6D2B8
F8E0C6
FFECDB
—
1.4
Fail
1.4
Fail
1.6
Fail
1.7
Fail
1.4
Fail
—
2.0
Fail
2.2
Fail
2.4
Fail
1.4
Fail
2.0
Fail
—
1.1
Fail
1.2
Fail
1.6
Fail
2.2
Fail
1.1
Fail
—
1.1
Fail
1.7
Fail
2.4
Fail
1.2
Fail
1.1
Fail
—
White BG
2.0Fail
2.8Fail
1.4Fail
1.3Fail
1.1Fail
Black BG
10.5AAA
7.5AAA
14.8AAA
16.5AAA
18.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C1A5
B3B285
E6E6BE
EEEDCC
F7F7DF

Deuteranopia

C3C5A6
B8BF85
E9EBC0
EFF1CE
F8F9E0

Tritanopia

CCA8A9
D48585
F4C3C4
F7D1D2
FEE2E3

Achromatopsia

B8B8B8
9D9D9D
DADADA
E4E4E4
F0F0F0

Shades & Tints Shades & Tints

#CDB2A1

Dark
Light

#D88386

Dark
Light

#F6D2B8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cdb2a1;
  --color-2: #d88386;
  --color-3: #f6d2b8;
  --color-4: #f8e0c6;
  --color-5: #ffecdb;
}

SCSS

$color-1: #cdb2a1;
$color-2: #d88386;
$color-3: #f6d2b8;
$color-4: #f8e0c6;
$color-5: #ffecdb;

TAILWIND

colors: {
  'brand-1': '#cdb2a1',
  'brand-2': '#d88386',
  'brand-3': '#f6d2b8',
  'brand-4': '#f8e0c6',
  'brand-5': '#ffecdb',
}

RGB Array

[205, 178, 161], [216, 131, 134], [246, 210, 184], [248, 224, 198], [255, 236, 219]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #CDB2A1, #D88386, #F6D2B8, #F8E0C6, #FFECDB 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: #cdb2a1; --color-2: #d88386; --color-3: #f6d2b8; --color-4: #f8e0c6; --color-5: #ffecdb. 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