← Back to Editor

#D5DBAE · #A9DABA · #66D9CC · #363033 · #F9DE0E

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

#D5DBAE

Fresh Green · Wheat · Lemon Cream

HEX
#D5DBAE
RGB
rgb(213, 219, 174)
HSL
hsl(68, 38%, 77%)
HSB
hsb(68, 21%, 86%)
CMYK
cmyk(3%, 0%, 21%, 14%)
Oklch
oklch(87.5% 0.060 113.8)

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

#A9DABA

Celadon · Silver · Apple Green

HEX
#A9DABA
RGB
rgb(169, 218, 186)
HSL
hsl(141, 40%, 76%)
HSB
hsb(141, 22%, 85%)
CMYK
cmyk(22%, 0%, 15%, 15%)
Oklch
oklch(84.5% 0.068 156.0)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#66D9CC

Jade · MediumTurquoise · Lake Green

HEX
#66D9CC
RGB
rgb(102, 217, 204)
HSL
hsl(173, 60%, 63%)
HSB
hsb(173, 53%, 85%)
CMYK
cmyk(53%, 0%, 6%, 15%)
Oklch
oklch(81.5% 0.107 185.5)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#363033

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#363033
RGB
rgb(54, 48, 51)
HSL
hsl(330, 6%, 20%)
HSB
hsb(330, 11%, 21%)
CMYK
cmyk(0%, 11%, 6%, 79%)
Oklch
oklch(31.7% 0.010 345.9)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#F9DE0E

Autumn Sage · Gold · Sunflower

HEX
#F9DE0E
RGB
rgb(249, 222, 14)
HSL
hsl(53, 95%, 52%)
HSB
hsb(53, 94%, 98%)
CMYK
cmyk(0%, 11%, 94%, 2%)
Oklch
oklch(89.5% 0.185 100.3)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D5DBAE
B4AEDB

Analogous

DBCAAE
D5DBAE
BEDBAE

Triadic

D5DBAE
AED5DB
DBAED5

Split-Comp.

D5DBAE
AEBEDB
CAAEDB

Tetradic

D5DBAE
AEDBCA
B4AEDB
DBAEBE

Contrast Matrix WCAG 2.1 Contrast

D5DBAE
A9DABA
66D9CC
363033
F9DE0E
—
1.1
Fail
1.2
Fail
9.0
AAA
1.1
Fail
1.1
Fail
—
1.1
Fail
8.2
AAA
1.2
Fail
1.2
Fail
1.1
Fail
—
7.6
AAA
1.3
Fail
9.0
AAA
8.2
AAA
7.6
AAA
—
9.5
AAA
1.1
Fail
1.2
Fail
1.3
Fail
9.5
AAA
—
White BG
1.4Fail
1.6Fail
1.7Fail
12.9AAA
1.4Fail
Black BG
14.6AAA
13.4AAA
12.4AAA
1.6Fail
15.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D8B9
BEBFC2
9899CF
333332
EDED40

Deuteranopia

D7D7BC
BBB8C4
9189D0
343432
EFF14C

Tritanopia

D5C1C3
ABC8C9
6CD2D2
363232
F86871

Achromatopsia

D4D4D4
C8C8C8
B5B5B5
323232
CECECE

Shades & Tints Shades & Tints

#D5DBAE

Dark
Light

#A9DABA

Dark
Light

#66D9CC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d5dbae;
  --color-2: #a9daba;
  --color-3: #66d9cc;
  --color-4: #363033;
  --color-5: #f9de0e;
}

SCSS

$color-1: #d5dbae;
$color-2: #a9daba;
$color-3: #66d9cc;
$color-4: #363033;
$color-5: #f9de0e;

TAILWIND

colors: {
  'brand-1': '#d5dbae',
  'brand-2': '#a9daba',
  'brand-3': '#66d9cc',
  'brand-4': '#363033',
  'brand-5': '#f9de0e',
}

RGB Array

[213, 219, 174], [169, 218, 186], [102, 217, 204], [54, 48, 51], [249, 222, 14]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #D5DBAE, #A9DABA, #66D9CC, #363033, #F9DE0E is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #d5dbae; --color-2: #a9daba; --color-3: #66d9cc; --color-4: #363033; --color-5: #f9de0e. 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 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