← Back to Editor

#DDDAC7 · #EAD653 · #FF9803 · #DE863C · #0D161B

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustrationData Visualization

Color Details Color Details

#DDDAC7

Fresh Green · LightGray · Lemon Cream

HEX
#DDDAC7
RGB
rgb(221, 218, 199)
HSL
hsl(52, 24%, 82%)
HSB
hsb(52, 10%, 87%)
CMYK
cmyk(0%, 1%, 10%, 13%)
Oklch
oklch(88.6% 0.026 99.6)

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

#EAD653

Fresh Green · SandyBrown · Sunflower

HEX
#EAD653
RGB
rgb(234, 214, 83)
HSL
hsl(52, 78%, 62%)
HSB
hsb(52, 65%, 92%)
CMYK
cmyk(0%, 9%, 65%, 8%)
Oklch
oklch(86.9% 0.149 100.6)

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

#FF9803

Ginger · Orange · Warm Sun

HEX
#FF9803
RGB
rgb(255, 152, 3)
HSL
hsl(35, 100%, 51%)
HSB
hsb(35, 99%, 100%)
CMYK
cmyk(0%, 40%, 99%, 0%)
Oklch
oklch(77.0% 0.174 63.9)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#DE863C

Tangerine · Coral · Warm Sun

HEX
#DE863C
RGB
rgb(222, 134, 60)
HSL
hsl(27, 71%, 55%)
HSB
hsb(27, 73%, 87%)
CMYK
cmyk(0%, 40%, 73%, 13%)
Oklch
oklch(70.1% 0.139 57.4)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#0D161B

Slate Blue · Black · Deep Sea Blue

HEX
#0D161B
RGB
rgb(13, 22, 27)
HSL
hsl(201, 35%, 8%)
HSB
hsb(201, 52%, 11%)
CMYK
cmyk(52%, 19%, 0%, 89%)
Oklch
oklch(19.4% 0.017 233.1)

Traditional「Slate Blue」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DDDAC7
C6C9DC

Analogous

DCCEC6
DDDAC7
D4DCC6

Triadic

DDDAC7
C6DCD9
D9C6DC

Split-Comp.

DDDAC7
C6D4DC
CEC6DC

Tetradic

DDDAC7
C6DCCE
C6C9DC
DCC6D4

Contrast Matrix WCAG 2.1 Contrast

DDDAC7
EAD653
FF9803
DE863C
0D161B
—
1.0
Fail
1.5
Fail
2.0
Fail
13.0
AAA
1.0
Fail
—
1.5
Fail
1.9
Fail
12.4
AAA
1.5
Fail
1.5
Fail
—
1.3
Fail
8.5
AAA
2.0
Fail
1.9
Fail
1.3
Fail
—
6.6
AA
13.0
AAA
12.4
AAA
8.5
AAA
6.6
AA
—
White BG
1.4Fail
1.5Fail
2.2Fail
2.8Fail
18.3AAA
Black BG
14.9AAA
14.2AAA
9.7AAA
7.6AAA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDCCC
E1E173
D2D127
B8B74E
11111A

Deuteranopia

DCDCCD
E3E47A
D8E030
BDC452
10101A

Tritanopia

DDCFD0
E98C91
FA444A
DA5C5F
0D1919

Achromatopsia

D9D9D9
CDCDCD
A6A6A6
989898
141414

Shades & Tints Shades & Tints

#DDDAC7

Dark
Light

#EAD653

Dark
Light

#FF9803

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dddac7;
  --color-2: #ead653;
  --color-3: #ff9803;
  --color-4: #de863c;
  --color-5: #0d161b;
}

SCSS

$color-1: #dddac7;
$color-2: #ead653;
$color-3: #ff9803;
$color-4: #de863c;
$color-5: #0d161b;

TAILWIND

colors: {
  'brand-1': '#dddac7',
  'brand-2': '#ead653',
  'brand-3': '#ff9803',
  'brand-4': '#de863c',
  'brand-5': '#0d161b',
}

RGB Array

[221, 218, 199], [234, 214, 83], [255, 152, 3], [222, 134, 60], [13, 22, 27]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #DDDAC7, #EAD653, #FF9803, #DE863C, #0D161B is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #dddac7; --color-2: #ead653; --color-3: #ff9803; --color-4: #de863c; --color-5: #0d161b. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 pastel-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