← Back to Editor

#01BD8D · #8AD197 · #D3D099 · #A3753A · #593422

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

#01BD8D

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#01BD8D
RGB
rgb(1, 189, 141)
HSL
hsl(165, 99%, 37%)
HSB
hsb(165, 99%, 74%)
CMYK
cmyk(99%, 0%, 25%, 26%)
Oklch
oklch(70.8% 0.146 166.7)

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

#8AD197

Celadon · DarkSeaGreen · Apple Green

HEX
#8AD197
RGB
rgb(138, 209, 151)
HSL
hsl(131, 44%, 68%)
HSB
hsb(131, 34%, 82%)
CMYK
cmyk(34%, 0%, 28%, 18%)
Oklch
oklch(79.8% 0.109 149.2)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#D3D099

Fresh Green · Tan · Sunflower

HEX
#D3D099
RGB
rgb(211, 208, 153)
HSL
hsl(57, 40%, 71%)
HSB
hsb(57, 27%, 83%)
CMYK
cmyk(0%, 1%, 27%, 17%)
Oklch
oklch(84.7% 0.072 105.2)

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

#A3753A

Ochre · Sienna · Amber Brown

HEX
#A3753A
RGB
rgb(163, 117, 58)
HSL
hsl(34, 48%, 43%)
HSB
hsb(34, 64%, 64%)
CMYK
cmyk(0%, 28%, 64%, 36%)
Oklch
oklch(59.7% 0.095 71.0)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#593422

Tangerine · DarkOliveGreen · Cinnamon

HEX
#593422
RGB
rgb(89, 52, 34)
HSL
hsl(20, 45%, 24%)
HSB
hsb(20, 62%, 35%)
CMYK
cmyk(0%, 42%, 62%, 65%)
Oklch
oklch(36.6% 0.061 46.2)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

01BD8D
BC0130

Analogous

01BC30
01BD8D
018DBC

Triadic

01BD8D
8D01BC
BC8D01

Split-Comp.

01BD8D
BC018D
BC3001

Tetradic

01BD8D
3001BC
BC0130
8DBC01

Contrast Matrix WCAG 2.1 Contrast

01BD8D
8AD197
D3D099
A3753A
593422
—
1.3
Fail
1.5
Fail
1.7
Fail
4.5
AA Large
1.3
Fail
—
1.1
Fail
2.3
Fail
6.0
AA
1.5
Fail
1.1
Fail
—
2.6
Fail
6.8
AA
1.7
Fail
2.3
Fail
2.6
Fail
—
2.7
Fail
4.5
AA Large
6.0
AA
6.8
AA
2.7
Fail
—
White BG
2.4Fail
1.8Fail
1.6Fail
4.1AA Large
10.8AAA
Black BG
8.7AAA
11.6AAA
13.3AAA
5.2AA
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

525499
A9A9A5
D2D2A6
8F8F48
494926

Deuteranopia

48399B
A59FA8
D2D2AA
92954C
4B4E27

Tritanopia

0AA2A4
8EB0B3
D3B1B3
A15456
572A2B

Achromatopsia

7F7F7F
B5B5B5
CBCBCB
7C7C7C
3D3D3D

Shades & Tints Shades & Tints

#01BD8D

Dark
Light

#8AD197

Dark
Light

#D3D099

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #01bd8d;
  --color-2: #8ad197;
  --color-3: #d3d099;
  --color-4: #a3753a;
  --color-5: #593422;
}

SCSS

$color-1: #01bd8d;
$color-2: #8ad197;
$color-3: #d3d099;
$color-4: #a3753a;
$color-5: #593422;

TAILWIND

colors: {
  'brand-1': '#01bd8d',
  'brand-2': '#8ad197',
  'brand-3': '#d3d099',
  'brand-4': '#a3753a',
  'brand-5': '#593422',
}

RGB Array

[1, 189, 141], [138, 209, 151], [211, 208, 153], [163, 117, 58], [89, 52, 34]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #01BD8D, #8AD197, #D3D099, #A3753A, #593422 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: #01bd8d; --color-2: #8ad197; --color-3: #d3d099; --color-4: #a3753a; --color-5: #593422. 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