← Back to Editor

#9EB999 · #1F0B14 · #C9CC90 · #DBCD97 · #F4CF89

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 PostIllustrationData Visualization

Color Details Color Details

#9EB999

Celadon · DarkSeaGreen · Apple Green

HEX
#9EB999
RGB
rgb(158, 185, 153)
HSL
hsl(111, 19%, 66%)
HSB
hsb(111, 17%, 73%)
CMYK
cmyk(15%, 0%, 17%, 27%)
Oklch
oklch(75.7% 0.054 140.7)

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

#1F0B14

Dark Violet · Black · Raspberry

HEX
#1F0B14
RGB
rgb(31, 11, 20)
HSL
hsl(333, 48%, 8%)
HSB
hsb(333, 65%, 12%)
CMYK
cmyk(0%, 65%, 35%, 88%)
Oklch
oklch(18.5% 0.037 353.0)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#C9CC90

Fresh Green · Tan · Sunflower

HEX
#C9CC90
RGB
rgb(201, 204, 144)
HSL
hsl(63, 37%, 68%)
HSB
hsb(63, 29%, 80%)
CMYK
cmyk(1%, 0%, 29%, 20%)
Oklch
oklch(82.8% 0.079 110.4)

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

#DBCD97

Goose Yellow · BurlyWood · Sunflower

HEX
#DBCD97
RGB
rgb(219, 205, 151)
HSL
hsl(48, 49%, 73%)
HSB
hsb(48, 31%, 86%)
CMYK
cmyk(0%, 6%, 31%, 14%)
Oklch
oklch(84.7% 0.072 95.3)

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

#F4CF89

Goose Yellow · Khaki · Warm Sun

HEX
#F4CF89
RGB
rgb(244, 207, 137)
HSL
hsl(39, 83%, 75%)
HSB
hsb(39, 44%, 96%)
CMYK
cmyk(0%, 15%, 44%, 4%)
Oklch
oklch(87.1% 0.097 82.7)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9EB999
B498B9

Analogous

ADB998
9EB999
98B9A3

Triadic

9EB999
989DB9
B9989D

Split-Comp.

9EB999
A398B9
B998AD

Tetradic

9EB999
98ADB9
B498B9
B9A398

Contrast Matrix WCAG 2.1 Contrast

9EB999
1F0B14
C9CC90
DBCD97
F4CF89
—
8.8
AAA
1.3
Fail
1.3
Fail
1.4
Fail
8.8
AAA
—
11.2
AAA
11.8
AAA
12.7
AAA
1.3
Fail
11.2
AAA
—
1.1
Fail
1.1
Fail
1.3
Fail
11.8
AAA
1.1
Fail
—
1.1
Fail
1.4
Fail
12.7
AAA
1.1
Fail
1.1
Fail
—
White BG
2.1Fail
18.8AAA
1.7Fail
1.6Fail
1.5Fail
Black BG
9.9AAA
1.1Fail
12.5AAA
13.2AAA
14.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AAAAA1
161612
CACA9F
D5D5A4
E4E49A

Deuteranopia

A8A6A3
181911
CACAA2
D6D7A7
E6E99E

Tritanopia

9FA7A8
1E1010
C9AAAD
DAAEB1
F2A7AA

Achromatopsia

ADADAD
121212
C4C4C4
CBCBCB
D2D2D2

Shades & Tints Shades & Tints

#9EB999

Dark
Light

#1F0B14

Dark
Light

#C9CC90

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9eb999;
  --color-2: #1f0b14;
  --color-3: #c9cc90;
  --color-4: #dbcd97;
  --color-5: #f4cf89;
}

SCSS

$color-1: #9eb999;
$color-2: #1f0b14;
$color-3: #c9cc90;
$color-4: #dbcd97;
$color-5: #f4cf89;

TAILWIND

colors: {
  'brand-1': '#9eb999',
  'brand-2': '#1f0b14',
  'brand-3': '#c9cc90',
  'brand-4': '#dbcd97',
  'brand-5': '#f4cf89',
}

RGB Array

[158, 185, 153], [31, 11, 20], [201, 204, 144], [219, 205, 151], [244, 207, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #9EB999, #1F0B14, #C9CC90, #DBCD97, #F4CF89 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: #9eb999; --color-2: #1f0b14; --color-3: #c9cc90; --color-4: #dbcd97; --color-5: #f4cf89. 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