← Back to Editor

#FFDDD9 · #D9C8C5 · #A49EAD · #72868C · #6E6A60

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#FFDDD9

Peach Pink · Bisque · Cherry Blossom

HEX
#FFDDD9
RGB
rgb(255, 221, 217)
HSL
hsl(6, 100%, 93%)
HSB
hsb(6, 15%, 100%)
CMYK
cmyk(0%, 13%, 15%, 0%)
Oklch
oklch(92.5% 0.038 25.8)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#D9C8C5

Peach Pink · LightGray · Cherry Blossom

HEX
#D9C8C5
RGB
rgb(217, 200, 197)
HSL
hsl(9, 21%, 81%)
HSB
hsb(9, 9%, 85%)
CMYK
cmyk(0%, 8%, 9%, 15%)
Oklch
oklch(84.6% 0.020 29.6)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#A49EAD

Wisteria · DarkGray · Silver Sand

HEX
#A49EAD
RGB
rgb(164, 158, 173)
HSL
hsl(264, 8%, 65%)
HSB
hsb(264, 9%, 68%)
CMYK
cmyk(5%, 9%, 0%, 32%)
Oklch
oklch(70.9% 0.023 303.9)

Traditional「Wisteria」· Paint「Silver Sand」· Creative Urban Concrete

#72868C

Slate Blue · SlateGray · Mint Ice

HEX
#72868C
RGB
rgb(114, 134, 140)
HSL
hsl(194, 10%, 50%)
HSB
hsb(194, 19%, 55%)
CMYK
cmyk(19%, 4%, 0%, 45%)
Oklch
oklch(60.6% 0.025 217.8)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#6E6A60

Ink Gray · DimGray · Charcoal

HEX
#6E6A60
RGB
rgb(110, 106, 96)
HSL
hsl(43, 7%, 40%)
HSB
hsb(43, 13%, 43%)
CMYK
cmyk(0%, 4%, 13%, 57%)
Oklch
oklch(52.5% 0.016 88.8)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFDDD9
DBFBFF

Analogous

FFDBEA
FFDDD9
FFF1DB

Triadic

FFDDD9
DBFFDF
DFDBFF

Split-Comp.

FFDDD9
DBFFF1
DBEAFF

Tetradic

FFDDD9
EAFFDB
DBFBFF
F1DBFF

Contrast Matrix WCAG 2.1 Contrast

FFDDD9
D9C8C5
A49EAD
72868C
6E6A60
—
1.3
Fail
2.1
Fail
3.0
AA Large
4.3
AA Large
1.3
Fail
—
1.6
Fail
2.4
Fail
3.3
AA Large
2.1
Fail
1.6
Fail
—
1.5
Fail
2.1
Fail
3.0
AA Large
2.4
Fail
1.5
Fail
—
1.4
Fail
4.3
AA Large
3.3
AA Large
2.1
Fail
1.4
Fail
—
White BG
1.3Fail
1.6Fail
2.6Fail
3.8AA Large
5.4AA
Black BG
16.6AAA
13.0AAA
8.1AAA
5.5AA
3.9AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0F0DA
D2D1C6
A1A1A9
7B7B8B
6C6C62

Deuteranopia

F2F5DA
D3D4C6
A2A2A9
7A788A
6D6D63

Tritanopia

FDDBDB
D8C6C6
A4A7A6
738989
6E6465

Achromatopsia

E7E7E7
CDCDCD
A2A2A2
818181
6A6A6A

Shades & Tints Shades & Tints

#FFDDD9

Dark
Light

#D9C8C5

Dark
Light

#A49EAD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffddd9;
  --color-2: #d9c8c5;
  --color-3: #a49ead;
  --color-4: #72868c;
  --color-5: #6e6a60;
}

SCSS

$color-1: #ffddd9;
$color-2: #d9c8c5;
$color-3: #a49ead;
$color-4: #72868c;
$color-5: #6e6a60;

TAILWIND

colors: {
  'brand-1': '#ffddd9',
  'brand-2': '#d9c8c5',
  'brand-3': '#a49ead',
  'brand-4': '#72868c',
  'brand-5': '#6e6a60',
}

RGB Array

[255, 221, 217], [217, 200, 197], [164, 158, 173], [114, 134, 140], [110, 106, 96]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #FFDDD9, #D9C8C5, #A49EAD, #72868C, #6E6A60 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ffddd9; --color-2: #d9c8c5; --color-3: #a49ead; --color-4: #72868c; --color-5: #6e6a60. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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