← Back to Editor

#4BA08B · #88785E · #DD8256 · #EAC05A · #F1EDCA

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

#4BA08B

Mineral Blue · CadetBlue · Mint Ice

HEX
#4BA08B
RGB
rgb(75, 160, 139)
HSL
hsl(165, 36%, 46%)
HSB
hsb(165, 53%, 63%)
CMYK
cmyk(53%, 0%, 13%, 37%)
Oklch
oklch(64.7% 0.089 174.9)

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

#88785E

Ochre · Gray · Amber Brown

HEX
#88785E
RGB
rgb(136, 120, 94)
HSL
hsl(37, 18%, 45%)
HSB
hsb(37, 31%, 53%)
CMYK
cmyk(0%, 12%, 31%, 47%)
Oklch
oklch(58.0% 0.043 79.7)

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

#DD8256

Tangerine · Coral · Warm Sun

HEX
#DD8256
RGB
rgb(221, 130, 86)
HSL
hsl(20, 67%, 60%)
HSB
hsb(20, 61%, 87%)
CMYK
cmyk(0%, 41%, 61%, 13%)
Oklch
oklch(69.6% 0.127 45.8)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#EAC05A

Ginger · SandyBrown · Sunflower

HEX
#EAC05A
RGB
rgb(234, 192, 90)
HSL
hsl(42, 77%, 64%)
HSB
hsb(42, 62%, 92%)
CMYK
cmyk(0%, 18%, 62%, 8%)
Oklch
oklch(82.5% 0.129 86.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#F1EDCA

Fresh Green · Bisque · Lemon Cream

HEX
#F1EDCA
RGB
rgb(241, 237, 202)
HSL
hsl(54, 58%, 87%)
HSB
hsb(54, 16%, 95%)
CMYK
cmyk(0%, 2%, 16%, 5%)
Oklch
oklch(94.0% 0.046 101.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4BA08B
A04B60

Analogous

4BA060
4BA08B
4B8AA0

Triadic

4BA08B
8A4BA0
A08A4B

Split-Comp.

4BA08B
A04B8A
A0604B

Tetradic

4BA08B
604BA0
A04B60
8AA04B

Contrast Matrix WCAG 2.1 Contrast

4BA08B
88785E
DD8256
EAC05A
F1EDCA
—
1.4
Fail
1.1
Fail
1.8
Fail
2.6
Fail
1.4
Fail
—
1.5
Fail
2.5
Fail
3.6
AA Large
1.1
Fail
1.5
Fail
—
1.6
Fail
2.4
Fail
1.8
Fail
2.5
Fail
1.6
Fail
—
1.5
Fail
2.6
Fail
3.6
AA Large
2.4
Fail
1.5
Fail
—
White BG
3.1AA Large
4.3AA Large
2.8Fail
1.7Fail
1.2Fail
Black BG
6.7AA
4.9AA
7.4AAA
12.2AAA
17.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

707190
818164
B6B561
D8D773
EFEFD2

Deuteranopia

6B6591
828366
BBC263
DADD79
F0F0D4

Tritanopia

4F9495
87696A
D8696B
E8868A
F1D9DB

Achromatopsia

848484
7A7A7A
989898
C1C1C1
EAEAEA

Shades & Tints Shades & Tints

#4BA08B

Dark
Light

#88785E

Dark
Light

#DD8256

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4ba08b;
  --color-2: #88785e;
  --color-3: #dd8256;
  --color-4: #eac05a;
  --color-5: #f1edca;
}

SCSS

$color-1: #4ba08b;
$color-2: #88785e;
$color-3: #dd8256;
$color-4: #eac05a;
$color-5: #f1edca;

TAILWIND

colors: {
  'brand-1': '#4ba08b',
  'brand-2': '#88785e',
  'brand-3': '#dd8256',
  'brand-4': '#eac05a',
  'brand-5': '#f1edca',
}

RGB Array

[75, 160, 139], [136, 120, 94], [221, 130, 86], [234, 192, 90], [241, 237, 202]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4BA08B, #88785E, #DD8256, #EAC05A, #F1EDCA 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: #4ba08b; --color-2: #88785e; --color-3: #dd8256; --color-4: #eac05a; --color-5: #f1edca. 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