← Back to Editor

#82BBA0 · #B1BE70 · #D7BB90 · #E26D9A · #5A393D

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 LibraryData Visualization

Color Details Color Details

#82BBA0

Jade · DarkSeaGreen · Apple Green

HEX
#82BBA0
RGB
rgb(130, 187, 160)
HSL
hsl(152, 30%, 62%)
HSB
hsb(152, 30%, 73%)
CMYK
cmyk(30%, 0%, 14%, 27%)
Oklch
oklch(74.5% 0.071 163.6)

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

#B1BE70

Grass Green · Tan · Olive Green

HEX
#B1BE70
RGB
rgb(177, 190, 112)
HSL
hsl(70, 38%, 59%)
HSB
hsb(70, 41%, 75%)
CMYK
cmyk(7%, 0%, 41%, 25%)
Oklch
oklch(77.4% 0.103 116.6)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#D7BB90

Ginger · Tan · Warm Sun

HEX
#D7BB90
RGB
rgb(215, 187, 144)
HSL
hsl(36, 47%, 70%)
HSB
hsb(36, 33%, 84%)
CMYK
cmyk(0%, 13%, 33%, 16%)
Oklch
oklch(80.6% 0.066 78.3)

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

#E26D9A

Rouge · LightCoral · Rose Pink

HEX
#E26D9A
RGB
rgb(226, 109, 154)
HSL
hsl(337, 67%, 66%)
HSB
hsb(337, 52%, 89%)
CMYK
cmyk(0%, 52%, 32%, 11%)
Oklch
oklch(68.5% 0.153 357.6)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#5A393D

Crimson · DarkSlateGray · Wine Red

HEX
#5A393D
RGB
rgb(90, 57, 61)
HSL
hsl(353, 22%, 29%)
HSB
hsb(353, 37%, 35%)
CMYK
cmyk(0%, 37%, 32%, 65%)
Oklch
oklch(38.5% 0.047 11.6)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

82BBA0
BB819C

Analogous

81BB83
82BBA0
81B9BB

Triadic

82BBA0
A081BB
BBA081

Split-Comp.

82BBA0
BB81B9
BB8381

Tetradic

82BBA0
8381BB
BB819C
B9BB81

Contrast Matrix WCAG 2.1 Contrast

82BBA0
B1BE70
D7BB90
E26D9A
5A393D
—
1.1
Fail
1.2
Fail
1.4
Fail
4.6
AA
1.1
Fail
—
1.1
Fail
1.5
Fail
5.0
AA
1.2
Fail
1.1
Fail
—
1.7
Fail
5.5
AA
1.4
Fail
1.5
Fail
1.7
Fail
—
3.3
AA Large
4.6
AA
5.0
AA
5.5
AA
3.3
AA Large
—
White BG
2.2Fail
2.0Fail
1.8Fail
3.0AA Large
10.1AAA
Black BG
9.6AAA
10.5AAA
11.4AAA
6.9AA
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9B9BA7
B7B783
CBCB9A
AFAE8F
4C4B3C

Deuteranopia

9793A8
B6B587
CDCF9D
B6BF8D
4E503C

Tritanopia

85ACAD
B29295
D6A3A4
DC8785
583B3B

Achromatopsia

A7A7A7
B1B1B1
BEBEBE
959595
434343

Shades & Tints Shades & Tints

#82BBA0

Dark
Light

#B1BE70

Dark
Light

#D7BB90

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #82bba0;
  --color-2: #b1be70;
  --color-3: #d7bb90;
  --color-4: #e26d9a;
  --color-5: #5a393d;
}

SCSS

$color-1: #82bba0;
$color-2: #b1be70;
$color-3: #d7bb90;
$color-4: #e26d9a;
$color-5: #5a393d;

TAILWIND

colors: {
  'brand-1': '#82bba0',
  'brand-2': '#b1be70',
  'brand-3': '#d7bb90',
  'brand-4': '#e26d9a',
  'brand-5': '#5a393d',
}

RGB Array

[130, 187, 160], [177, 190, 112], [215, 187, 144], [226, 109, 154], [90, 57, 61]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #82BBA0, #B1BE70, #D7BB90, #E26D9A, #5A393D is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #82bba0; --color-2: #b1be70; --color-3: #d7bb90; --color-4: #e26d9a; --color-5: #5a393d. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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