← Back to Editor

#EAE6A6 · #BBEBFF · #70583C · #A6A75B · #CBD831

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

#EAE6A6

Fresh Green · Wheat · Lemon Cream

HEX
#EAE6A6
RGB
rgb(234, 230, 166)
HSL
hsl(56, 62%, 78%)
HSB
hsb(56, 29%, 92%)
CMYK
cmyk(0%, 2%, 29%, 8%)
Oklch
oklch(91.3% 0.082 104.9)

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

#BBEBFF

Sky Blue · LightBlue · Glacier Blue

HEX
#BBEBFF
RGB
rgb(187, 235, 255)
HSL
hsl(198, 100%, 87%)
HSB
hsb(198, 27%, 100%)
CMYK
cmyk(27%, 8%, 0%, 0%)
Oklch
oklch(91.3% 0.056 225.2)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#70583C

Ochre · DarkOliveGreen · Amber Brown

HEX
#70583C
RGB
rgb(112, 88, 60)
HSL
hsl(32, 30%, 34%)
HSB
hsb(32, 46%, 44%)
CMYK
cmyk(0%, 21%, 46%, 56%)
Oklch
oklch(47.8% 0.052 70.4)

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

#A6A75B

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A6A75B
RGB
rgb(166, 167, 91)
HSL
hsl(61, 30%, 51%)
HSB
hsb(61, 46%, 65%)
CMYK
cmyk(1%, 0%, 46%, 35%)
Oklch
oklch(71.1% 0.099 109.3)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#CBD831

Autumn Sage · GreenYellow · Sunflower

HEX
#CBD831
RGB
rgb(203, 216, 49)
HSL
hsl(65, 68%, 52%)
HSB
hsb(65, 77%, 85%)
CMYK
cmyk(6%, 0%, 77%, 15%)
Oklch
oklch(84.5% 0.177 114.2)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAE6A6
A4A9EA

Analogous

EAC2A4
EAE6A6
CCEAA4

Triadic

EAE6A6
A4EAE5
E5A4EA

Split-Comp.

EAE6A6
A4CCEA
C2A4EA

Tetradic

EAE6A6
A4EAC2
A4A9EA
EAA4CC

Contrast Matrix WCAG 2.1 Contrast

EAE6A6
BBEBFF
70583C
A6A75B
CBD831
—
1.0
Fail
5.2
AA
2.0
Fail
1.2
Fail
1.0
Fail
—
5.2
AA
2.0
Fail
1.2
Fail
5.2
AA
5.2
AA
—
2.6
Fail
4.3
AA Large
2.0
Fail
2.0
Fail
2.6
Fail
—
1.6
Fail
1.2
Fail
1.2
Fail
4.3
AA Large
1.6
Fail
—
White BG
1.3Fail
1.3Fail
6.7AA
2.5Fail
1.6Fail
Black BG
16.4AAA
16.4AAA
3.2AA Large
8.3AAA
13.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E8B5
D0D0FA
666543
A6A66D
D1D159

Deuteranopia

E9E9B9
CDC9F9
676944
A6A672
D0CF63

Tritanopia

EAC2C4
BDF6F6
6F4849
A67C7F
CC7980

Achromatopsia

E0E0E0
DFDFDF
5C5C5C
9E9E9E
C1C1C1

Shades & Tints Shades & Tints

#EAE6A6

Dark
Light

#BBEBFF

Dark
Light

#70583C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eae6a6;
  --color-2: #bbebff;
  --color-3: #70583c;
  --color-4: #a6a75b;
  --color-5: #cbd831;
}

SCSS

$color-1: #eae6a6;
$color-2: #bbebff;
$color-3: #70583c;
$color-4: #a6a75b;
$color-5: #cbd831;

TAILWIND

colors: {
  'brand-1': '#eae6a6',
  'brand-2': '#bbebff',
  'brand-3': '#70583c',
  'brand-4': '#a6a75b',
  'brand-5': '#cbd831',
}

RGB Array

[234, 230, 166], [187, 235, 255], [112, 88, 60], [166, 167, 91], [203, 216, 49]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EAE6A6, #BBEBFF, #70583C, #A6A75B, #CBD831 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: #eae6a6; --color-2: #bbebff; --color-3: #70583c; --color-4: #a6a75b; --color-5: #cbd831. 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