← Back to Editor

#FFEBBB · #E9DCBB · #D2CDBA · #749C92 · #156B6A

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

#FFEBBB

Goose Yellow · Bisque · Lemon Cream

HEX
#FFEBBB
RGB
rgb(255, 235, 187)
HSL
hsl(42, 100%, 87%)
HSB
hsb(42, 27%, 100%)
CMYK
cmyk(0%, 8%, 27%, 0%)
Oklch
oklch(94.4% 0.066 88.1)

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

#E9DCBB

Goose Yellow · Wheat · Lemon Cream

HEX
#E9DCBB
RGB
rgb(233, 220, 187)
HSL
hsl(43, 51%, 82%)
HSB
hsb(43, 20%, 91%)
CMYK
cmyk(0%, 6%, 20%, 9%)
Oklch
oklch(89.6% 0.046 89.1)

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

#D2CDBA

Goose Yellow · Silver · Lemon Cream

HEX
#D2CDBA
RGB
rgb(210, 205, 186)
HSL
hsl(48, 21%, 78%)
HSB
hsb(48, 11%, 82%)
CMYK
cmyk(0%, 2%, 11%, 18%)
Oklch
oklch(84.7% 0.026 94.8)

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

#749C92

Mineral Blue · LightSlateGray · Lake Green

HEX
#749C92
RGB
rgb(116, 156, 146)
HSL
hsl(165, 17%, 53%)
HSB
hsb(165, 26%, 61%)
CMYK
cmyk(26%, 0%, 6%, 39%)
Oklch
oklch(66.0% 0.046 177.7)

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

#156B6A

Mineral Blue · Teal · Peacock Green

HEX
#156B6A
RGB
rgb(21, 107, 106)
HSL
hsl(179, 67%, 25%)
HSB
hsb(179, 80%, 42%)
CMYK
cmyk(80%, 0%, 1%, 58%)
Oklch
oklch(48.0% 0.076 193.7)

Traditional「Mineral Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFEBBB
BDD1FF

Analogous

FFCABD
FFEBBB
F2FFBD

Triadic

FFEBBB
BDFFEB
EBBDFF

Split-Comp.

FFEBBB
BDF2FF
CABDFF

Tetradic

FFEBBB
BDFFCA
BDD1FF
FFBDF2

Contrast Matrix WCAG 2.1 Contrast

FFEBBB
E9DCBB
D2CDBA
749C92
156B6A
—
1.2
Fail
1.4
Fail
2.6
Fail
5.3
AA
1.2
Fail
—
1.2
Fail
2.2
Fail
4.6
AA
1.4
Fail
1.2
Fail
—
1.9
Fail
3.9
AA Large
2.6
Fail
2.2
Fail
1.9
Fail
—
2.1
Fail
5.3
AA
4.6
AA
3.9
AA Large
2.1
Fail
—
White BG
1.2Fail
1.4Fail
1.6Fail
3.0AA Large
6.3AA
Black BG
17.9AAA
15.4AAA
13.2AAA
6.9AA
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

F6F6C7
E3E3C3
D0D0BF
858694
3A3B6A

Deuteranopia

F8F9C9
E4E5C5
D0D1C0
838095
352F6A

Tritanopia

FED0D2
E8C9CB
D2C2C3
769697
196A6A

Achromatopsia

ECECEC
DCDCDC
CCCCCC
8F8F8F
515151

Shades & Tints Shades & Tints

#FFEBBB

Dark
Light

#E9DCBB

Dark
Light

#D2CDBA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffebbb;
  --color-2: #e9dcbb;
  --color-3: #d2cdba;
  --color-4: #749c92;
  --color-5: #156b6a;
}

SCSS

$color-1: #ffebbb;
$color-2: #e9dcbb;
$color-3: #d2cdba;
$color-4: #749c92;
$color-5: #156b6a;

TAILWIND

colors: {
  'brand-1': '#ffebbb',
  'brand-2': '#e9dcbb',
  'brand-3': '#d2cdba',
  'brand-4': '#749c92',
  'brand-5': '#156b6a',
}

RGB Array

[255, 235, 187], [233, 220, 187], [210, 205, 186], [116, 156, 146], [21, 107, 106]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFEBBB, #E9DCBB, #D2CDBA, #749C92, #156B6A 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: #ffebbb; --color-2: #e9dcbb; --color-3: #d2cdba; --color-4: #749c92; --color-5: #156b6a. 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