← Back to Editor

#D9A289 · #E2DDCB · #D1CAB2 · #C2BCA3 · #B0A190

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D9A289

Apricot · Tan · Warm Sun

HEX
#D9A289
RGB
rgb(217, 162, 137)
HSL
hsl(19, 51%, 69%)
HSB
hsb(19, 37%, 85%)
CMYK
cmyk(0%, 25%, 37%, 15%)
Oklch
oklch(75.8% 0.074 45.5)

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

#E2DDCB

Goose Yellow · LightGray · Lemon Cream

HEX
#E2DDCB
RGB
rgb(226, 221, 203)
HSL
hsl(47, 28%, 84%)
HSB
hsb(47, 10%, 89%)
CMYK
cmyk(0%, 2%, 10%, 11%)
Oklch
oklch(89.7% 0.025 94.1)

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

#D1CAB2

Goose Yellow · Silver · Lemon Cream

HEX
#D1CAB2
RGB
rgb(209, 202, 178)
HSL
hsl(46, 25%, 76%)
HSB
hsb(46, 15%, 82%)
CMYK
cmyk(0%, 3%, 15%, 18%)
Oklch
oklch(83.8% 0.033 93.6)

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

#C2BCA3

Ginger · Tan · Sunflower

HEX
#C2BCA3
RGB
rgb(194, 188, 163)
HSL
hsl(48, 20%, 70%)
HSB
hsb(48, 16%, 76%)
CMYK
cmyk(0%, 3%, 16%, 24%)
Oklch
oklch(79.3% 0.035 95.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#B0A190

Ginger · DarkGray · Warm Sun

HEX
#B0A190
RGB
rgb(176, 161, 144)
HSL
hsl(32, 17%, 63%)
HSB
hsb(32, 18%, 69%)
CMYK
cmyk(0%, 9%, 18%, 31%)
Oklch
oklch(71.7% 0.030 70.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9A289
88BFD8

Analogous

D88896
D9A289
D8C988

Triadic

D9A289
88D8A1
A188D8

Split-Comp.

D9A289
88D8C9
8896D8

Tetradic

D9A289
96D888
88BFD8
C988D8

Contrast Matrix WCAG 2.1 Contrast

D9A289
E2DDCB
D1CAB2
C2BCA3
B0A190
—
1.6
Fail
1.4
Fail
1.2
Fail
1.1
Fail
1.6
Fail
—
1.2
Fail
1.4
Fail
1.8
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
1.5
Fail
1.2
Fail
1.4
Fail
1.2
Fail
—
1.3
Fail
1.1
Fail
1.8
Fail
1.5
Fail
1.3
Fail
—
White BG
2.2Fail
1.4Fail
1.6Fail
1.9Fail
2.5Fail
Black BG
9.5AAA
15.4AAA
12.8AAA
11.0AAA
8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C18F
E0E0CF
CECEB8
BFBFA9
AAA994

Deuteranopia

C4C891
E0E1D0
CECFB9
C0C0AB
AAAC95

Tritanopia

D69495
E2D3D4
D1BCBD
C2AEAF
AF9798

Achromatopsia

B0B0B0
DCDCDC
C9C9C9
BBBBBB
A4A4A4

Shades & Tints Shades & Tints

#D9A289

Dark
Light

#E2DDCB

Dark
Light

#D1CAB2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9a289;
  --color-2: #e2ddcb;
  --color-3: #d1cab2;
  --color-4: #c2bca3;
  --color-5: #b0a190;
}

SCSS

$color-1: #d9a289;
$color-2: #e2ddcb;
$color-3: #d1cab2;
$color-4: #c2bca3;
$color-5: #b0a190;

TAILWIND

colors: {
  'brand-1': '#d9a289',
  'brand-2': '#e2ddcb',
  'brand-3': '#d1cab2',
  'brand-4': '#c2bca3',
  'brand-5': '#b0a190',
}

RGB Array

[217, 162, 137], [226, 221, 203], [209, 202, 178], [194, 188, 163], [176, 161, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #D9A289, #E2DDCB, #D1CAB2, #C2BCA3, #B0A190 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. 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: #d9a289; --color-2: #e2ddcb; --color-3: #d1cab2; --color-4: #c2bca3; --color-5: #b0a190. 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 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