#E7A15B + #F4CE90 + #F6DCC5 + #C1D0B9 + #AACBB8 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E7A15B

Ginger · SandyBrown · Warm Sun

HEX

#E7A15B

RGB

rgb(231, 161, 91)

HSL

hsl(30, 74%, 63%)

HSB

hsb(30, 61%, 91%)

CMYK

cmyk(0%, 30%, 61%, 9%)

Oklch

oklch(76.3% 0.120 64.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#F4CE90

Goose Yellow · Khaki · Peach Orange

HEX

#F4CE90

RGB

rgb(244, 206, 144)

HSL

hsl(37, 82%, 76%)

HSB

hsb(37, 41%, 96%)

CMYK

cmyk(0%, 16%, 41%, 4%)

Oklch

oklch(87.0% 0.090 79.4)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#F6DCC5

Apricot · Bisque · Peach Orange

HEX

#F6DCC5

RGB

rgb(246, 220, 197)

HSL

hsl(28, 73%, 87%)

HSB

hsb(28, 20%, 96%)

CMYK

cmyk(0%, 11%, 20%, 4%)

Oklch

oklch(91.0% 0.042 63.8)

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

#C1D0B9

Celadon · Silver · Apple Green

HEX

#C1D0B9

RGB

rgb(193, 208, 185)

HSL

hsl(99, 20%, 77%)

HSB

hsb(99, 11%, 82%)

CMYK

cmyk(7%, 0%, 11%, 18%)

Oklch

oklch(84.0% 0.035 134.5)

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

#AACBB8

Celadon · Silver · Apple Green

HEX

#AACBB8

RGB

rgb(170, 203, 184)

HSL

hsl(145, 24%, 73%)

HSB

hsb(145, 16%, 80%)

CMYK

cmyk(16%, 0%, 9%, 20%)

Oklch

oklch(81.2% 0.044 160.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E7A15B

5BA1E6

Analogous

E65B5B

E7A15B

E6E65B

Triadic

E7A15B

5BE6A1

A15BE6

Split-Comp.

E7A15B

5BE6E6

5B5BE6

Tetradic

E7A15B

5BE65B

5BA1E6

E65BE6

Contrast Matrix WCAG 2.1 Contrast

E7A15B	F4CE90	F6DCC5	C1D0B9	AACBB8
—	1.5 Fail	1.7 Fail	1.3 Fail	1.2 Fail
1.5 Fail	—	1.1 Fail	1.1 Fail	1.2 Fail
1.7 Fail	1.1 Fail	—	1.2 Fail	1.3 Fail
1.3 Fail	1.1 Fail	1.2 Fail	—	1.1 Fail
1.2 Fail	1.2 Fail	1.3 Fail	1.1 Fail	—

White BG

2.2Fail

1.5Fail

1.3Fail

1.6Fail

1.8Fail

Black BG

9.6AAA

14.1AAA

16.0AAA

13.0AAA

11.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C86C

E4E39F

EBEBCB

C7C8BF

B8B9BD

Deuteranopia

CDD270

E6E9A3

ECEECC

C7C6C0

B6B4BE

Tritanopia

E4797C

F2ABAD

F5CFD0

C2C3C4

ACC0C1

Achromatopsia

AEAEAE

D2D2D2

E1E1E1

C9C9C9

BFBFBF

Shades & Tints Shades & Tints

#E7A15B

Dark

Light

#F4CE90

Dark

Light

#F6DCC5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e7a15b;
  --color-2: #f4ce90;
  --color-3: #f6dcc5;
  --color-4: #c1d0b9;
  --color-5: #aacbb8;
}

SCSS

$color-1: #e7a15b;
$color-2: #f4ce90;
$color-3: #f6dcc5;
$color-4: #c1d0b9;
$color-5: #aacbb8;

TAILWIND

colors: {
  'brand-1': '#e7a15b',
  'brand-2': '#f4ce90',
  'brand-3': '#f6dcc5',
  'brand-4': '#c1d0b9',
  'brand-5': '#aacbb8',
}

RGB Array

[231, 161, 91], [244, 206, 144], [246, 220, 197], [193, 208, 185], [170, 203, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E7A15B, #F4CE90, #F6DCC5, #C1D0B9, #AACBB8 is ideal for: health products, baby brands, fresh-style blogs. 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: #e7a15b; --color-2: #f4ce90; --color-3: #f6dcc5; --color-4: #c1d0b9; --color-5: #aacbb8. 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. 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