← Back to Editor

#BAE3D0 · #91C026 · #E2F2C6 · #E8DCC4 · #EADDD5

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#BAE3D0

Jade · LightBlue · Mint Green

HEX
#BAE3D0
RGB
rgb(186, 227, 208)
HSL
hsl(152, 42%, 81%)
HSB
hsb(152, 18%, 89%)
CMYK
cmyk(18%, 0%, 8%, 11%)
Oklch
oklch(88.1% 0.050 165.4)

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

#91C026

Grass Green · GreenYellow · Olive Green

HEX
#91C026
RGB
rgb(145, 192, 38)
HSL
hsl(78, 67%, 45%)
HSB
hsb(78, 80%, 75%)
CMYK
cmyk(24%, 0%, 80%, 25%)
Oklch
oklch(74.8% 0.179 126.0)

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

#E2F2C6

Willow Green · Beige · Mint Green

HEX
#E2F2C6
RGB
rgb(226, 242, 198)
HSL
hsl(82, 63%, 86%)
HSB
hsb(82, 18%, 95%)
CMYK
cmyk(7%, 0%, 18%, 5%)
Oklch
oklch(93.8% 0.060 123.8)

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

#E8DCC4

Goose Yellow · Wheat · Lemon Cream

HEX
#E8DCC4
RGB
rgb(232, 220, 196)
HSL
hsl(40, 44%, 84%)
HSB
hsb(40, 16%, 91%)
CMYK
cmyk(0%, 5%, 16%, 9%)
Oklch
oklch(89.8% 0.035 84.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#EADDD5

Apricot · LightGray · Peach Orange

HEX
#EADDD5
RGB
rgb(234, 221, 213)
HSL
hsl(23, 33%, 88%)
HSB
hsb(23, 9%, 92%)
CMYK
cmyk(0%, 6%, 9%, 8%)
Oklch
oklch(90.6% 0.018 54.0)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BAE3D0
E3BACD

Analogous

BAE3BC
BAE3D0
BAE2E3

Triadic

BAE3D0
D0BAE3
E3D0BA

Split-Comp.

BAE3D0
E3BAE2
E3BCBA

Tetradic

BAE3D0
BCBAE3
E3BACD
E2E3BA

Contrast Matrix WCAG 2.1 Contrast

BAE3D0
91C026
E2F2C6
E8DCC4
EADDD5
—
1.5
Fail
1.2
Fail
1.0
Fail
1.1
Fail
1.5
Fail
—
1.8
Fail
1.6
Fail
1.6
Fail
1.2
Fail
1.8
Fail
—
1.1
Fail
1.1
Fail
1.0
Fail
1.6
Fail
1.1
Fail
—
1.0
Fail
1.1
Fail
1.6
Fail
1.1
Fail
1.0
Fail
—
White BG
1.4Fail
2.1Fail
1.2Fail
1.4Fail
1.3Fail
Black BG
15.0AAA
9.8AAA
17.8AAA
15.5AAA
15.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCCD5
A5A64B
E9E9D1
E3E3CA
E4E4D7

Deuteranopia

C9C6D6
A39F54
E8E7D3
E4E4CB
E5E6D7

Tritanopia

BCD8D9
93696F
E3D9DB
E7CECF
E9D8D9

Achromatopsia

D5D5D5
A0A0A0
E8E8E8
DDDDDD
E0E0E0

Shades & Tints Shades & Tints

#BAE3D0

Dark
Light

#91C026

Dark
Light

#E2F2C6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bae3d0;
  --color-2: #91c026;
  --color-3: #e2f2c6;
  --color-4: #e8dcc4;
  --color-5: #eaddd5;
}

SCSS

$color-1: #bae3d0;
$color-2: #91c026;
$color-3: #e2f2c6;
$color-4: #e8dcc4;
$color-5: #eaddd5;

TAILWIND

colors: {
  'brand-1': '#bae3d0',
  'brand-2': '#91c026',
  'brand-3': '#e2f2c6',
  'brand-4': '#e8dcc4',
  'brand-5': '#eaddd5',
}

RGB Array

[186, 227, 208], [145, 192, 38], [226, 242, 198], [232, 220, 196], [234, 221, 213]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BAE3D0, #91C026, #E2F2C6, #E8DCC4, #EADDD5 is ideal for: health products, baby brands, fresh-style blogs, 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: #bae3d0; --color-2: #91c026; --color-3: #e2f2c6; --color-4: #e8dcc4; --color-5: #eaddd5. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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