← Back to Editor

#605763 · #A17089 · #D69890 · #EDB97E · #F7C765

dark

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#605763

Ink Gray · DimGray · Charcoal

HEX
#605763
RGB
rgb(96, 87, 99)
HSL
hsl(285, 6%, 36%)
HSB
hsb(285, 12%, 39%)
CMYK
cmyk(3%, 12%, 0%, 61%)
Oklch
oklch(47.0% 0.022 317.7)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#A17089

Rose Purple · Gray · Rose Pink

HEX
#A17089
RGB
rgb(161, 112, 137)
HSL
hsl(329, 21%, 54%)
HSB
hsb(329, 30%, 63%)
CMYK
cmyk(0%, 30%, 15%, 37%)
Oklch
oklch(60.3% 0.071 347.4)

Traditional「Rose Purple」· Paint「Rose Pink」· Creative Blush Sunrise

#D69890

Peach Pink · Tan · Coral Red

HEX
#D69890
RGB
rgb(214, 152, 144)
HSL
hsl(7, 46%, 70%)
HSB
hsb(7, 33%, 84%)
CMYK
cmyk(0%, 29%, 33%, 16%)
Oklch
oklch(73.8% 0.076 27.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#EDB97E

Goose Yellow · BurlyWood · Warm Sun

HEX
#EDB97E
RGB
rgb(237, 185, 126)
HSL
hsl(32, 76%, 71%)
HSB
hsb(32, 47%, 93%)
CMYK
cmyk(0%, 22%, 47%, 7%)
Oklch
oklch(82.0% 0.097 69.3)

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

#F7C765

Ginger · SandyBrown · Sunflower

HEX
#F7C765
RGB
rgb(247, 199, 101)
HSL
hsl(40, 90%, 68%)
HSB
hsb(40, 59%, 97%)
CMYK
cmyk(0%, 19%, 59%, 3%)
Oklch
oklch(85.3% 0.128 83.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

605763
596156

Analogous

595661
605763
61565F

Triadic

605763
615F56
56615F

Split-Comp.

605763
5F6156
566159

Tetradic

605763
615956
596156
565F61

Contrast Matrix WCAG 2.1 Contrast

605763
A17089
D69890
EDB97E
F7C765
—
1.7
Fail
2.9
Fail
3.9
AA Large
4.4
AA Large
1.7
Fail
—
1.7
Fail
2.3
Fail
2.6
Fail
2.9
Fail
1.7
Fail
—
1.4
Fail
1.5
Fail
3.9
AA Large
2.3
Fail
1.4
Fail
—
1.1
Fail
4.4
AA Large
2.6
Fail
1.5
Fail
1.1
Fail
—
White BG
6.9AA
4.0AA Large
2.4Fail
1.8Fail
1.6Fail
Black BG
3.0AA Large
5.2AA
8.8AAA
11.8AAA
13.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5C5C60
8C8B83
BBBB92
D6D68C
E2E27D

Deuteranopia

5D5D5F
8F9282
BFC392
DADD90
E5E982

Tritanopia

605E5D
9F7E7D
D39394
EA989A
F58F94

Achromatopsia

5B5B5B
828282
AAAAAA
C2C2C2
CACACA

Shades & Tints Shades & Tints

#605763

Dark
Light

#A17089

Dark
Light

#D69890

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #605763;
  --color-2: #a17089;
  --color-3: #d69890;
  --color-4: #edb97e;
  --color-5: #f7c765;
}

SCSS

$color-1: #605763;
$color-2: #a17089;
$color-3: #d69890;
$color-4: #edb97e;
$color-5: #f7c765;

TAILWIND

colors: {
  'brand-1': '#605763',
  'brand-2': '#a17089',
  'brand-3': '#d69890',
  'brand-4': '#edb97e',
  'brand-5': '#f7c765',
}

RGB Array

[96, 87, 99], [161, 112, 137], [214, 152, 144], [237, 185, 126], [247, 199, 101]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #605763, #A17089, #D69890, #EDB97E, #F7C765 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: #605763; --color-2: #a17089; --color-3: #d69890; --color-4: #edb97e; --color-5: #f7c765. 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 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