← Back to Editor

#42705F · #628B9E · #A08BAD · #C99595 · #DEAA6F

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

#42705F

Mineral Blue · SeaGreen · Forest Green

HEX
#42705F
RGB
rgb(66, 112, 95)
HSL
hsl(158, 26%, 35%)
HSB
hsb(158, 41%, 44%)
CMYK
cmyk(41%, 0%, 15%, 56%)
Oklch
oklch(50.7% 0.058 168.4)

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

#628B9E

Slate Blue · CadetBlue · Mint Ice

HEX
#628B9E
RGB
rgb(98, 139, 158)
HSL
hsl(199, 24%, 50%)
HSB
hsb(199, 38%, 62%)
CMYK
cmyk(38%, 12%, 0%, 38%)
Oklch
oklch(61.4% 0.054 228.4)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#A08BAD

Lilac · DarkGray · Lilac Purple

HEX
#A08BAD
RGB
rgb(160, 139, 173)
HSL
hsl(277, 17%, 61%)
HSB
hsb(277, 20%, 68%)
CMYK
cmyk(8%, 20%, 0%, 32%)
Oklch
oklch(66.7% 0.055 312.5)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#C99595

Peach Pink · Tan · Coral Red

HEX
#C99595
RGB
rgb(201, 149, 149)
HSL
hsl(0, 32%, 69%)
HSB
hsb(0, 26%, 79%)
CMYK
cmyk(0%, 26%, 26%, 21%)
Oklch
oklch(71.9% 0.063 18.7)

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

#DEAA6F

Ginger · DarkSalmon · Warm Sun

HEX
#DEAA6F
RGB
rgb(222, 170, 111)
HSL
hsl(32, 63%, 65%)
HSB
hsb(32, 50%, 87%)
CMYK
cmyk(0%, 23%, 50%, 13%)
Oklch
oklch(77.3% 0.097 69.1)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

42705F
704253

Analogous

427048
42705F
426A70

Triadic

42705F
5F4270
705F42

Split-Comp.

42705F
70426A
704842

Tetradic

42705F
484270
704253
6A7042

Contrast Matrix WCAG 2.1 Contrast

42705F
628B9E
A08BAD
C99595
DEAA6F
—
1.5
Fail
1.8
Fail
2.2
Fail
2.7
Fail
1.5
Fail
—
1.2
Fail
1.4
Fail
1.8
Fail
1.8
Fail
1.2
Fail
—
1.2
Fail
1.5
Fail
2.2
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
2.7
Fail
1.8
Fail
1.5
Fail
1.2
Fail
—
White BG
5.7AA
3.7AA Large
3.1AA Large
2.6Fail
2.1Fail
Black BG
3.7AA Large
5.7AA
6.8AA
8.2AAA
10.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

565663
747499
9797A5
B2B295
C7C77D

Deuteranopia

535064
716E98
989AA3
B6B995
CBCE81

Tritanopia

446667
649695
9F9E9D
C69595
DB898B

Achromatopsia

606060
818181
959595
A5A5A5
B3B3B3

Shades & Tints Shades & Tints

#42705F

Dark
Light

#628B9E

Dark
Light

#A08BAD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #42705f;
  --color-2: #628b9e;
  --color-3: #a08bad;
  --color-4: #c99595;
  --color-5: #deaa6f;
}

SCSS

$color-1: #42705f;
$color-2: #628b9e;
$color-3: #a08bad;
$color-4: #c99595;
$color-5: #deaa6f;

TAILWIND

colors: {
  'brand-1': '#42705f',
  'brand-2': '#628b9e',
  'brand-3': '#a08bad',
  'brand-4': '#c99595',
  'brand-5': '#deaa6f',
}

RGB Array

[66, 112, 95], [98, 139, 158], [160, 139, 173], [201, 149, 149], [222, 170, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #42705F, #628B9E, #A08BAD, #C99595, #DEAA6F 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: #42705f; --color-2: #628b9e; --color-3: #a08bad; --color-4: #c99595; --color-5: #deaa6f. 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. 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