#7C95E5 + #98A3B3 + #B5AC9E + #EBB67A + #8BCCB8 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#7C95E5

Azure · CornflowerBlue · Cobalt Blue

HEX

#7C95E5

RGB

rgb(124, 149, 229)

HSL

hsl(226, 67%, 69%)

HSB

hsb(226, 46%, 90%)

CMYK

cmyk(46%, 35%, 0%, 10%)

Oklch

oklch(68.4% 0.122 269.8)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#98A3B3

Azure · DarkGray · Cobalt Blue

HEX

#98A3B3

RGB

rgb(152, 163, 179)

HSL

hsl(216, 15%, 65%)

HSB

hsb(216, 15%, 70%)

CMYK

cmyk(15%, 9%, 0%, 30%)

Oklch

oklch(71.2% 0.026 257.7)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#B5AC9E

Ginger · DarkGray · Warm Sun

HEX

#B5AC9E

RGB

rgb(181, 172, 158)

HSL

hsl(37, 13%, 66%)

HSB

hsb(37, 13%, 71%)

CMYK

cmyk(0%, 5%, 13%, 29%)

Oklch

oklch(74.8% 0.022 79.1)

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

#EBB67A

Ginger · BurlyWood · Warm Sun

HEX

#EBB67A

RGB

rgb(235, 182, 122)

HSL

hsl(32, 74%, 70%)

HSB

hsb(32, 48%, 92%)

CMYK

cmyk(0%, 23%, 48%, 8%)

Oklch

oklch(81.1% 0.098 69.2)

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

#8BCCB8

Jade · MediumAquaMarine · Lake Green

HEX

#8BCCB8

RGB

rgb(139, 204, 184)

HSL

hsl(162, 39%, 67%)

HSB

hsb(162, 32%, 80%)

CMYK

cmyk(32%, 0%, 10%, 20%)

Oklch

oklch(79.6% 0.072 173.2)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7C95E5

E5CC7B

Analogous

7BC9E5

7C95E5

977BE5

Triadic

7C95E5

E57B94

94E57B

Split-Comp.

7C95E5

E5977B

C9E57B

Tetradic

7C95E5

E57BC9

E5CC7B

7BE597

Contrast Matrix WCAG 2.1 Contrast

7C95E5	98A3B3	B5AC9E	EBB67A	8BCCB8
—	1.1 Fail	1.3 Fail	1.6 Fail	1.6 Fail
1.1 Fail	—	1.1 Fail	1.4 Fail	1.4 Fail
1.3 Fail	1.1 Fail	—	1.2 Fail	1.2 Fail
1.6 Fail	1.4 Fail	1.2 Fail	—	1.0 Fail
1.6 Fail	1.4 Fail	1.2 Fail	1.0 Fail	—

White BG

2.9Fail

2.6Fail

2.2Fail

1.8Fail

Black BG

7.3AAA

8.2AAA

9.4AAA

11.5AAA

11.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8787D2

9D9DAF

B1B1A1

D4D489

A7A8BD

Deuteranopia

8584CD

9C9BAE

B2B2A2

D7DB8C

A39FBE

Tritanopia

7DC2BF

99ACAB

B5A4A5

E89497

8EC1C2

Achromatopsia

979797

A2A2A2

ADADAD

BFBFBF

B6B6B6

Shades & Tints Shades & Tints

#7C95E5

Dark

Light

#98A3B3

Dark

Light

#B5AC9E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7c95e5;
  --color-2: #98a3b3;
  --color-3: #b5ac9e;
  --color-4: #ebb67a;
  --color-5: #8bccb8;
}

SCSS

$color-1: #7c95e5;
$color-2: #98a3b3;
$color-3: #b5ac9e;
$color-4: #ebb67a;
$color-5: #8bccb8;

TAILWIND

colors: {
  'brand-1': '#7c95e5',
  'brand-2': '#98a3b3',
  'brand-3': '#b5ac9e',
  'brand-4': '#ebb67a',
  'brand-5': '#8bccb8',
}

RGB Array

[124, 149, 229], [152, 163, 179], [181, 172, 158], [235, 182, 122], [139, 204, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7C95E5, #98A3B3, #B5AC9E, #EBB67A, #8BCCB8 is ideal for: health products, baby brands, fresh-style blogs. 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: #7c95e5; --color-2: #98a3b3; --color-3: #b5ac9e; --color-4: #ebb67a; --color-5: #8bccb8. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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