← Back to Editor

#DA950C · #B98A22 · #B0AA88 · #CEC8A4 · #DED2AA

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#DA950C

Ochre · GoldenRod · Honey Gold

HEX
#DA950C
RGB
rgb(218, 149, 12)
HSL
hsl(40, 90%, 45%)
HSB
hsb(40, 94%, 85%)
CMYK
cmyk(0%, 32%, 94%, 15%)
Oklch
oklch(72.0% 0.150 75.4)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#B98A22

Ochre · DarkGoldenRod · Honey Gold

HEX
#B98A22
RGB
rgb(185, 138, 34)
HSL
hsl(41, 69%, 43%)
HSB
hsb(41, 82%, 73%)
CMYK
cmyk(0%, 25%, 82%, 27%)
Oklch
oklch(66.2% 0.126 82.0)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#B0AA88

Fresh Green · DarkGray · Sunflower

HEX
#B0AA88
RGB
rgb(176, 170, 136)
HSL
hsl(51, 20%, 61%)
HSB
hsb(51, 23%, 69%)
CMYK
cmyk(0%, 3%, 23%, 31%)
Oklch
oklch(73.4% 0.047 99.1)

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

#CEC8A4

Fresh Green · Tan · Sunflower

HEX
#CEC8A4
RGB
rgb(206, 200, 164)
HSL
hsl(51, 30%, 73%)
HSB
hsb(51, 20%, 81%)
CMYK
cmyk(0%, 3%, 20%, 19%)
Oklch
oklch(82.8% 0.049 99.5)

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

#DED2AA

Goose Yellow · Wheat · Lemon Cream

HEX
#DED2AA
RGB
rgb(222, 210, 170)
HSL
hsl(46, 44%, 77%)
HSB
hsb(46, 23%, 87%)
CMYK
cmyk(0%, 5%, 23%, 13%)
Oklch
oklch(86.3% 0.055 93.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DA950C
0B50DA

Analogous

DA2E0B
DA950C
B8DA0B

Triadic

DA950C
0BDA95
950BDA

Split-Comp.

DA950C
0BB8DA
2E0BDA

Tetradic

DA950C
0BDA2E
0B50DA
DA0BB8

Contrast Matrix WCAG 2.1 Contrast

DA950C
B98A22
B0AA88
CEC8A4
DED2AA
—
1.2
Fail
1.1
Fail
1.5
Fail
1.7
Fail
1.2
Fail
—
1.3
Fail
1.8
Fail
2.1
Fail
1.1
Fail
1.3
Fail
—
1.4
Fail
1.6
Fail
1.5
Fail
1.8
Fail
1.4
Fail
—
1.1
Fail
1.7
Fail
2.1
Fail
1.6
Fail
1.1
Fail
—
White BG
2.5Fail
3.1AA Large
2.3Fail
1.7Fail
1.5Fail
Black BG
8.3AAA
6.7AA
9.0AAA
12.4AAA
13.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBC2D
A5A43B
ADAD90
CBCBAD
D9D9B4

Deuteranopia

C0C535
A7AB41
AEAE92
CCCCAF
DADAB6

Tritanopia

D7474D
B74F53
B09798
CEB4B5
DDBBBD

Achromatopsia

9A9A9A
8C8C8C
A8A8A8
C6C6C6
D1D1D1

Shades & Tints Shades & Tints

#DA950C

Dark
Light

#B98A22

Dark
Light

#B0AA88

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #da950c;
  --color-2: #b98a22;
  --color-3: #b0aa88;
  --color-4: #cec8a4;
  --color-5: #ded2aa;
}

SCSS

$color-1: #da950c;
$color-2: #b98a22;
$color-3: #b0aa88;
$color-4: #cec8a4;
$color-5: #ded2aa;

TAILWIND

colors: {
  'brand-1': '#da950c',
  'brand-2': '#b98a22',
  'brand-3': '#b0aa88',
  'brand-4': '#cec8a4',
  'brand-5': '#ded2aa',
}

RGB Array

[218, 149, 12], [185, 138, 34], [176, 170, 136], [206, 200, 164], [222, 210, 170]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #DA950C, #B98A22, #B0AA88, #CEC8A4, #DED2AA is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #da950c; --color-2: #b98a22; --color-3: #b0aa88; --color-4: #cec8a4; --color-5: #ded2aa. 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. 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 tech, SaaS, healthcare, eco industries. 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