← Back to Editor

#BAE8BE · #E1E0AD · #EF235D · #B1951A · #313126

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#BAE8BE

Celadon · LightGray · Mint Green

HEX
#BAE8BE
RGB
rgb(186, 232, 190)
HSL
hsl(125, 50%, 82%)
HSB
hsb(125, 20%, 91%)
CMYK
cmyk(20%, 0%, 18%, 9%)
Oklch
oklch(88.8% 0.074 147.2)

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

#E1E0AD

Fresh Green · Wheat · Lemon Cream

HEX
#E1E0AD
RGB
rgb(225, 224, 173)
HSL
hsl(59, 46%, 78%)
HSB
hsb(59, 23%, 88%)
CMYK
cmyk(0%, 0%, 23%, 12%)
Oklch
oklch(89.5% 0.067 106.7)

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

#EF235D

Dark Violet · Crimson · Rose Pink

HEX
#EF235D
RGB
rgb(239, 35, 93)
HSL
hsl(343, 86%, 54%)
HSB
hsb(343, 85%, 94%)
CMYK
cmyk(0%, 85%, 61%, 6%)
Oklch
oklch(61.8% 0.231 12.8)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#B1951A

Ochre · DarkGoldenRod · Honey Gold

HEX
#B1951A
RGB
rgb(177, 149, 26)
HSL
hsl(49, 74%, 40%)
HSB
hsb(49, 85%, 69%)
CMYK
cmyk(0%, 16%, 85%, 31%)
Oklch
oklch(67.6% 0.132 94.7)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#313126

Autumn Sage · DarkSlateGray · Amber Gold

HEX
#313126
RGB
rgb(49, 49, 38)
HSL
hsl(60, 13%, 17%)
HSB
hsb(60, 22%, 19%)
CMYK
cmyk(0%, 0%, 22%, 81%)
Oklch
oklch(31.0% 0.019 107.5)

Traditional「Autumn Sage」· Paint「Amber Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BAE8BE
E8BAE4

Analogous

CDE8BA
BAE8BE
BAE8D5

Triadic

BAE8BE
BEBAE8
E8BEBA

Split-Comp.

BAE8BE
D5BAE8
E8BACD

Tetradic

BAE8BE
BACDE8
E8BAE4
E8D5BA

Contrast Matrix WCAG 2.1 Contrast

BAE8BE
E1E0AD
EF235D
B1951A
313126
—
1.0
Fail
3.0
AA Large
2.1
Fail
9.6
AAA
1.0
Fail
—
3.1
AA Large
2.2
Fail
9.7
AAA
3.0
AA Large
3.1
AA Large
—
1.4
Fail
3.2
AA Large
2.1
Fail
2.2
Fail
1.4
Fail
—
4.5
AA Large
9.6
AAA
9.7
AAA
3.2
AA Large
4.5
AA Large
—
White BG
1.4Fail
1.4Fail
4.1AA Large
2.9Fail
13.1AAA
Black BG
15.4AAA
15.5AAA
5.1AA
7.2AAA
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECEC8
E1E1B9
97954F
A5A538
313129

Deuteranopia

CBC8CB
E1E1BC
A3B24C
A7A93F
313129

Tritanopia

BCD0D2
E1C3C5
E54441
B04F54
312B2B

Achromatopsia

D5D5D5
DADADA
676767
8F8F8F
303030

Shades & Tints Shades & Tints

#BAE8BE

Dark
Light

#E1E0AD

Dark
Light

#EF235D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bae8be;
  --color-2: #e1e0ad;
  --color-3: #ef235d;
  --color-4: #b1951a;
  --color-5: #313126;
}

SCSS

$color-1: #bae8be;
$color-2: #e1e0ad;
$color-3: #ef235d;
$color-4: #b1951a;
$color-5: #313126;

TAILWIND

colors: {
  'brand-1': '#bae8be',
  'brand-2': '#e1e0ad',
  'brand-3': '#ef235d',
  'brand-4': '#b1951a',
  'brand-5': '#313126',
}

RGB Array

[186, 232, 190], [225, 224, 173], [239, 35, 93], [177, 149, 26], [49, 49, 38]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BAE8BE, #E1E0AD, #EF235D, #B1951A, #313126 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: #bae8be; --color-2: #e1e0ad; --color-3: #ef235d; --color-4: #b1951a; --color-5: #313126. 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