← Back to Editor

#E2D9BD · #FFF3D0 · #BDDAE2 · #6B99A6 · #785687

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

#E2D9BD

Goose Yellow · Wheat · Lemon Cream

HEX
#E2D9BD
RGB
rgb(226, 217, 189)
HSL
hsl(45, 39%, 81%)
HSB
hsb(45, 16%, 89%)
CMYK
cmyk(0%, 4%, 16%, 11%)
Oklch
oklch(88.5% 0.039 92.3)

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

#FFF3D0

Goose Yellow · Beige · Lemon Cream

HEX
#FFF3D0
RGB
rgb(255, 243, 208)
HSL
hsl(45, 100%, 91%)
HSB
hsb(45, 18%, 100%)
CMYK
cmyk(0%, 5%, 18%, 0%)
Oklch
oklch(96.5% 0.047 91.3)

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

#BDDAE2

Sky Blue · LightBlue · Glacier Blue

HEX
#BDDAE2
RGB
rgb(189, 218, 226)
HSL
hsl(193, 39%, 81%)
HSB
hsb(193, 16%, 89%)
CMYK
cmyk(16%, 4%, 0%, 11%)
Oklch
oklch(87.0% 0.033 216.2)

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

#6B99A6

Slate Blue · CadetBlue · Lake Green

HEX
#6B99A6
RGB
rgb(107, 153, 166)
HSL
hsl(193, 25%, 54%)
HSB
hsb(193, 36%, 65%)
CMYK
cmyk(36%, 8%, 0%, 35%)
Oklch
oklch(65.5% 0.053 217.3)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

#785687

Dark Plum · DimGray · Violet

HEX
#785687
RGB
rgb(120, 86, 135)
HSL
hsl(282, 22%, 43%)
HSB
hsb(282, 36%, 53%)
CMYK
cmyk(11%, 36%, 0%, 47%)
Oklch
oklch(50.8% 0.085 315.1)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2D9BD
BCC5E1

Analogous

E1C5BC
E2D9BD
D8E1BC

Triadic

E2D9BD
BCE1D8
D8BCE1

Split-Comp.

E2D9BD
BCD8E1
C5BCE1

Tetradic

E2D9BD
BCE1C5
BCC5E1
E1BCD8

Contrast Matrix WCAG 2.1 Contrast

E2D9BD
FFF3D0
BDDAE2
6B99A6
785687
—
1.3
Fail
1.0
Fail
2.2
Fail
4.3
AA Large
1.3
Fail
—
1.3
Fail
2.8
Fail
5.5
AA
1.0
Fail
1.3
Fail
—
2.1
Fail
4.1
AA Large
2.2
Fail
2.8
Fail
2.1
Fail
—
1.9
Fail
4.3
AA Large
5.5
AA
4.1
AA Large
1.9
Fail
—
White BG
1.4Fail
1.1Fail
1.5Fail
3.1AA Large
6.0AA
Black BG
14.9AAA
19.0AAA
14.3AAA
6.7AA
3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

DEDEC4
FAFAD8
CACAE0
7F7FA3
69697B

Deuteranopia

DFDFC5
FBFBDB
C8C6E0
7C79A2
6B6E78

Tritanopia

E2C9CA
FEDFE1
BEDFDE
6DA0A0
767270

Achromatopsia

D8D8D8
F3F3F3
D2D2D2
8D8D8D
666666

Shades & Tints Shades & Tints

#E2D9BD

Dark
Light

#FFF3D0

Dark
Light

#BDDAE2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2d9bd;
  --color-2: #fff3d0;
  --color-3: #bddae2;
  --color-4: #6b99a6;
  --color-5: #785687;
}

SCSS

$color-1: #e2d9bd;
$color-2: #fff3d0;
$color-3: #bddae2;
$color-4: #6b99a6;
$color-5: #785687;

TAILWIND

colors: {
  'brand-1': '#e2d9bd',
  'brand-2': '#fff3d0',
  'brand-3': '#bddae2',
  'brand-4': '#6b99a6',
  'brand-5': '#785687',
}

RGB Array

[226, 217, 189], [255, 243, 208], [189, 218, 226], [107, 153, 166], [120, 86, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E2D9BD, #FFF3D0, #BDDAE2, #6B99A6, #785687 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: #e2d9bd; --color-2: #fff3d0; --color-3: #bddae2; --color-4: #6b99a6; --color-5: #785687. 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