← Back to Editor

#606078 · #786078 · #A89090 · #90A8A8 · #A8A890

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#606078

Deep Indigo · DimGray · Navy Blue

HEX
#606078
RGB
rgb(96, 96, 120)
HSL
hsl(240, 11%, 42%)
HSB
hsb(240, 20%, 47%)
CMYK
cmyk(20%, 20%, 0%, 53%)
Oklch
oklch(49.8% 0.038 284.9)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#786078

Rose Purple · DimGray · Violet

HEX
#786078
RGB
rgb(120, 96, 120)
HSL
hsl(300, 11%, 42%)
HSB
hsb(300, 20%, 47%)
CMYK
cmyk(0%, 20%, 0%, 53%)
Oklch
oklch(52.1% 0.047 326.2)

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

#A89090

Peach Pink · DarkGray · Coral Red

HEX
#A89090
RGB
rgb(168, 144, 144)
HSL
hsl(0, 12%, 61%)
HSB
hsb(0, 14%, 66%)
CMYK
cmyk(0%, 14%, 14%, 34%)
Oklch
oklch(67.5% 0.029 17.9)

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

#90A8A8

Sky Blue · DarkGray · Lake Green

HEX
#90A8A8
RGB
rgb(144, 168, 168)
HSL
hsl(180, 12%, 61%)
HSB
hsb(180, 14%, 66%)
CMYK
cmyk(14%, 0%, 0%, 34%)
Oklch
oklch(71.3% 0.027 196.6)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#A8A890

Fresh Green · DarkGray · Sunflower

HEX
#A8A890
RGB
rgb(168, 168, 144)
HSL
hsl(60, 12%, 61%)
HSB
hsb(60, 14%, 66%)
CMYK
cmyk(0%, 0%, 14%, 34%)
Oklch
oklch(72.5% 0.034 107.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

606078
77775F

Analogous

5F6B77
606078
6B5F77

Triadic

606078
775F5F
5F775F

Split-Comp.

606078
776B5F
6B775F

Tetradic

606078
775F6B
77775F
5F776B

Contrast Matrix WCAG 2.1 Contrast

606078
786078
A89090
90A8A8
A8A890
—
1.1
Fail
2.1
Fail
2.4
Fail
2.5
Fail
1.1
Fail
—
1.9
Fail
2.2
Fail
2.3
Fail
2.1
Fail
1.9
Fail
—
1.2
Fail
1.2
Fail
2.4
Fail
2.2
Fail
1.2
Fail
—
1.0
Fail
2.5
Fail
2.3
Fail
1.2
Fail
1.0
Fail
—
White BG
6.1AA
5.6AA
3.0Fail
2.5Fail
2.4Fail
Black BG
3.4AA Large
3.7AA Large
7.1AAA
8.4AAA
8.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

606072
6E6D72
9E9D90
9A9BA8
A8A896

Deuteranopia

606071
6F7171
9FA190
9997A8
A8A897

Tritanopia

606E6D
776E6D
A79090
91A8A8
A89A9B

Achromatopsia

636363
6A6A6A
979797
A1A1A1
A5A5A5

Shades & Tints Shades & Tints

#606078

Dark
Light

#786078

Dark
Light

#A89090

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #606078;
  --color-2: #786078;
  --color-3: #a89090;
  --color-4: #90a8a8;
  --color-5: #a8a890;
}

SCSS

$color-1: #606078;
$color-2: #786078;
$color-3: #a89090;
$color-4: #90a8a8;
$color-5: #a8a890;

TAILWIND

colors: {
  'brand-1': '#606078',
  'brand-2': '#786078',
  'brand-3': '#a89090',
  'brand-4': '#90a8a8',
  'brand-5': '#a8a890',
}

RGB Array

[96, 96, 120], [120, 96, 120], [168, 144, 144], [144, 168, 168], [168, 168, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #606078, #786078, #A89090, #90A8A8, #A8A890 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #606078; --color-2: #786078; --color-3: #a89090; --color-4: #90a8a8; --color-5: #a8a890. 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 general-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Restrained colors convey professionalism and trust. 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