← Back to Editor

#88A070 · #607562 · #374B49 · #A886A9 · #FFADC4

dark

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#88A070

Celadon · Gray · Olive Green

HEX
#88A070
RGB
rgb(136, 160, 112)
HSL
hsl(90, 20%, 53%)
HSB
hsb(90, 30%, 63%)
CMYK
cmyk(15%, 0%, 30%, 37%)
Oklch
oklch(67.5% 0.073 129.8)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#607562

Celadon · DimGray · Olive Green

HEX
#607562
RGB
rgb(96, 117, 98)
HSL
hsl(126, 10%, 42%)
HSB
hsb(126, 18%, 46%)
CMYK
cmyk(18%, 0%, 16%, 54%)
Oklch
oklch(54.0% 0.038 147.6)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#374B49

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#374B49
RGB
rgb(55, 75, 73)
HSL
hsl(174, 15%, 25%)
HSB
hsb(174, 27%, 29%)
CMYK
cmyk(27%, 0%, 3%, 71%)
Oklch
oklch(39.5% 0.025 188.6)

Traditional「Mineral Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#A886A9

Dark Plum · DarkGray · Violet

HEX
#A886A9
RGB
rgb(168, 134, 169)
HSL
hsl(298, 17%, 59%)
HSB
hsb(298, 21%, 66%)
CMYK
cmyk(1%, 21%, 0%, 34%)
Oklch
oklch(66.4% 0.064 325.4)

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

#FFADC4

Rouge · LightPink · Cherry Blossom

HEX
#FFADC4
RGB
rgb(255, 173, 196)
HSL
hsl(343, 100%, 84%)
HSB
hsb(343, 32%, 100%)
CMYK
cmyk(0%, 32%, 23%, 0%)
Oklch
oklch(83.3% 0.100 1.2)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

88A070
876F9F

Analogous

9F9F6F
88A070
6F9F6F

Triadic

88A070
6F879F
9F6F87

Split-Comp.

88A070
6F6F9F
9F6F9F

Tetradic

88A070
6F9F9F
876F9F
9F6F6F

Contrast Matrix WCAG 2.1 Contrast

88A070
607562
374B49
A886A9
FFADC4
—
1.7
Fail
3.2
AA Large
1.1
Fail
1.6
Fail
1.7
Fail
—
1.9
Fail
1.6
Fail
2.9
Fail
3.2
AA Large
1.9
Fail
—
2.9
Fail
5.3
AA
1.1
Fail
1.6
Fail
2.9
Fail
—
1.8
Fail
1.6
Fail
2.9
Fail
5.3
AA
1.8
Fail
—
White BG
2.9Fail
5.0AA
9.3AAA
3.2AA Large
1.7Fail
Black BG
7.3AAA
4.2AA Large
2.3Fail
6.6AA
12.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

92937C
696967
404049
9999A1
DBDBBE

Deuteranopia

918F7E
686668
3F3D4A
9B9E9F
E0E6BD

Tritanopia

898587
616A6B
384A4A
A69A98
FBBAB9

Achromatopsia

939393
6D6D6D
454545
949494
C8C8C8

Shades & Tints Shades & Tints

#88A070

Dark
Light

#607562

Dark
Light

#374B49

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #88a070;
  --color-2: #607562;
  --color-3: #374b49;
  --color-4: #a886a9;
  --color-5: #ffadc4;
}

SCSS

$color-1: #88a070;
$color-2: #607562;
$color-3: #374b49;
$color-4: #a886a9;
$color-5: #ffadc4;

TAILWIND

colors: {
  'brand-1': '#88a070',
  'brand-2': '#607562',
  'brand-3': '#374b49',
  'brand-4': '#a886a9',
  'brand-5': '#ffadc4',
}

RGB Array

[136, 160, 112], [96, 117, 98], [55, 75, 73], [168, 134, 169], [255, 173, 196]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #88A070, #607562, #374B49, #A886A9, #FFADC4 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: #88a070; --color-2: #607562; --color-3: #374b49; --color-4: #a886a9; --color-5: #ffadc4. 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 dark-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