#827F7E + #915AE8 + #5A9ACC + #2CD4D4 + #55D4A2 · minimal - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureWarmCool

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin Panel

Color Details Color Details

#827F7E

Ink Gray · Gray · Warm Gray

HEX

#827F7E

RGB

rgb(130, 127, 126)

HSL

hsl(15, 2%, 50%)

HSB

hsb(15, 3%, 51%)

CMYK

cmyk(0%, 2%, 3%, 49%)

Oklch

oklch(59.9% 0.004 39.5)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#915AE8

Wisteria · MediumSlateBlue · Lilac Purple

HEX

#915AE8

RGB

rgb(145, 90, 232)

HSL

hsl(263, 76%, 63%)

HSB

hsb(263, 61%, 91%)

CMYK

cmyk(38%, 61%, 0%, 9%)

Oklch

oklch(59.9% 0.206 297.7)

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

#5A9ACC

Lake Blue · CornflowerBlue · Navy Blue

HEX

#5A9ACC

RGB

rgb(90, 154, 204)

HSL

hsl(206, 53%, 58%)

HSB

hsb(206, 56%, 80%)

CMYK

cmyk(56%, 25%, 0%, 20%)

Oklch

oklch(66.4% 0.100 243.7)

Traditional「Lake Blue」· Paint「Navy Blue」· Creative Blush Sunrise

#2CD4D4

Lake Blue · Turquoise · Mint Ice

HEX

#2CD4D4

RGB

rgb(44, 212, 212)

HSL

hsl(180, 66%, 50%)

HSB

hsb(180, 79%, 83%)

CMYK

cmyk(79%, 0%, 0%, 17%)

Oklch

oklch(79.1% 0.128 194.9)

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

#55D4A2

Mineral Blue · MediumAquaMarine · Olive Green

HEX

#55D4A2

RGB

rgb(85, 212, 162)

HSL

hsl(156, 60%, 58%)

HSB

hsb(156, 60%, 83%)

CMYK

cmyk(60%, 0%, 24%, 17%)

Oklch

oklch(78.6% 0.135 164.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

827F7E

7D8182

Analogous

827D7E

827F7E

82817D

Triadic

827F7E

7D827E

7E7D82

Split-Comp.

827F7E

7D8281

7D7E82

Tetradic

827F7E

7E827D

7D8182

817D82

Contrast Matrix WCAG 2.1 Contrast

827F7E	915AE8	5A9ACC	2CD4D4	55D4A2
—	1.1 Fail	1.3 Fail	2.2 Fail	2.1 Fail
1.1 Fail	—	1.4 Fail	2.4 Fail	2.3 Fail
1.3 Fail	1.4 Fail	—	1.7 Fail	1.6 Fail
2.2 Fail	2.4 Fail	1.7 Fail	—	1.0 Fail
2.1 Fail	2.3 Fail	1.6 Fail	1.0 Fail	—

White BG

4.0AA Large

4.3AA Large

3.0AA Large

1.8Fail

1.9Fail

Black BG

5.3AA

4.8AA

6.9AA

11.5AAA

11.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

81817E

7979C6

7676C0

7576D4

8C8DAE

Deuteranopia

81817E

7C81BD

726DBD

6B5ED4

857BB1

Tritanopia

827E7E

8EABA5

5DB6B4

34D4D4

5BB8BA

Achromatopsia

808080

7B7B7B

8D8D8D

A2A2A2

A8A8A8

Shades & Tints Shades & Tints

#827F7E

Dark

Light

#915AE8

Dark

Light

#5A9ACC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #827f7e;
  --color-2: #915ae8;
  --color-3: #5a9acc;
  --color-4: #2cd4d4;
  --color-5: #55d4a2;
}

SCSS

$color-1: #827f7e;
$color-2: #915ae8;
$color-3: #5a9acc;
$color-4: #2cd4d4;
$color-5: #55d4a2;

TAILWIND

colors: {
  'brand-1': '#827f7e',
  'brand-2': '#915ae8',
  'brand-3': '#5a9acc',
  'brand-4': '#2cd4d4',
  'brand-5': '#55d4a2',
}

RGB Array

[130, 127, 126], [145, 90, 232], [90, 154, 204], [44, 212, 212], [85, 212, 162]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #827F7E, #915AE8, #5A9ACC, #2CD4D4, #55D4A2 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: #827f7e; --color-2: #915ae8; --color-3: #5a9acc; --color-4: #2cd4d4; --color-5: #55d4a2. 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 minimal-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