← Back to Editor

#DDDBAF · #F3E6B2 · #DCDDDD · #F0EBEC · #A39C80

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DDDBAF

Fresh Green · Wheat · Lemon Cream

HEX
#DDDBAF
RGB
rgb(221, 219, 175)
HSL
hsl(57, 40%, 78%)
HSB
hsb(57, 21%, 87%)
CMYK
cmyk(0%, 1%, 21%, 13%)
Oklch
oklch(88.2% 0.058 105.4)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#F3E6B2

Goose Yellow · Wheat · Lemon Cream

HEX
#F3E6B2
RGB
rgb(243, 230, 178)
HSL
hsl(48, 73%, 83%)
HSB
hsb(48, 27%, 95%)
CMYK
cmyk(0%, 5%, 27%, 5%)
Oklch
oklch(92.3% 0.069 95.7)

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

#DCDDDD

Plain White · LightGray · Cloud White

HEX
#DCDDDD
RGB
rgb(220, 221, 221)
HSL
hsl(180, 1%, 86%)
HSB
hsb(180, 0%, 87%)
CMYK
cmyk(0%, 0%, 0%, 13%)
Oklch
oklch(89.7% 0.001 197.1)

Traditional「Plain White」· Paint「Cloud White」· Creative Silver Lining

#F0EBEC

Peach Pink · Linen · Cherry Blossom

HEX
#F0EBEC
RGB
rgb(240, 235, 236)
HSL
hsl(348, 14%, 93%)
HSB
hsb(348, 2%, 94%)
CMYK
cmyk(0%, 2%, 2%, 6%)
Oklch
oklch(94.4% 0.006 3.3)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#A39C80

Ginger · DarkSeaGreen · Sunflower

HEX
#A39C80
RGB
rgb(163, 156, 128)
HSL
hsl(48, 16%, 57%)
HSB
hsb(48, 21%, 64%)
CMYK
cmyk(0%, 4%, 21%, 36%)
Oklch
oklch(69.1% 0.040 95.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DDDBAF
B0B3DD

Analogous

DDC5B0
DDDBAF
C9DDB0

Triadic

DDDBAF
B0DDDB
DBB0DD

Split-Comp.

DDDBAF
B0C9DD
C5B0DD

Tetradic

DDDBAF
B0DDC5
B0B3DD
DDB0C9

Contrast Matrix WCAG 2.1 Contrast

DDDBAF
F3E6B2
DCDDDD
F0EBEC
A39C80
—
1.1
Fail
1.0
Fail
1.2
Fail
1.9
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
2.2
Fail
1.0
Fail
1.1
Fail
—
1.2
Fail
2.0
Fail
1.2
Fail
1.1
Fail
1.2
Fail
—
2.3
Fail
1.9
Fail
2.2
Fail
2.0
Fail
2.3
Fail
—
White BG
1.4Fail
1.3Fail
1.4Fail
1.2Fail
2.8Fail
Black BG
14.8AAA
16.8AAA
15.4AAA
17.8AAA
7.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDCBA
EDEDBF
DCDCDD
EEEEEC
A0A087

Deuteranopia

DCDCBC
EEEFC2
DCDCDD
EEEFEC
A0A188

Tritanopia

DDC2C4
F2C9CB
DCDDDD
F0ECEC
A38C8D

Achromatopsia

D7D7D7
E4E4E4
DDDDDD
EDEDED
9B9B9B

Shades & Tints Shades & Tints

#DDDBAF

Dark
Light

#F3E6B2

Dark
Light

#DCDDDD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dddbaf;
  --color-2: #f3e6b2;
  --color-3: #dcdddd;
  --color-4: #f0ebec;
  --color-5: #a39c80;
}

SCSS

$color-1: #dddbaf;
$color-2: #f3e6b2;
$color-3: #dcdddd;
$color-4: #f0ebec;
$color-5: #a39c80;

TAILWIND

colors: {
  'brand-1': '#dddbaf',
  'brand-2': '#f3e6b2',
  'brand-3': '#dcdddd',
  'brand-4': '#f0ebec',
  'brand-5': '#a39c80',
}

RGB Array

[221, 219, 175], [243, 230, 178], [220, 221, 221], [240, 235, 236], [163, 156, 128]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DDDBAF, #F3E6B2, #DCDDDD, #F0EBEC, #A39C80 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: #dddbaf; --color-2: #f3e6b2; --color-3: #dcdddd; --color-4: #f0ebec; --color-5: #a39c80. 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 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