#E1992F + #9AD7C8 + #F4EED8 + #DC6D29 + #B5C6B6 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E1992F

Ginger · GoldenRod · Warm Sun

HEX

#E1992F

RGB

rgb(225, 153, 47)

HSL

hsl(36, 75%, 53%)

HSB

hsb(36, 79%, 88%)

CMYK

cmyk(0%, 32%, 79%, 12%)

Oklch

oklch(73.7% 0.143 71.6)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#9AD7C8

Jade · LightBlue · Lake Green

HEX

#9AD7C8

RGB

rgb(154, 215, 200)

HSL

hsl(165, 43%, 72%)

HSB

hsb(165, 28%, 84%)

CMYK

cmyk(28%, 0%, 7%, 16%)

Oklch

oklch(83.3% 0.066 177.6)

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

#F4EED8

Goose Yellow · Beige · Lemon Cream

HEX

#F4EED8

RGB

rgb(244, 238, 216)

HSL

hsl(47, 56%, 90%)

HSB

hsb(47, 11%, 96%)

CMYK

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

Oklch

oklch(94.8% 0.030 94.3)

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

#DC6D29

Tangerine · Chocolate · Warm Sun

HEX

#DC6D29

RGB

rgb(220, 109, 41)

HSL

hsl(23, 72%, 51%)

HSB

hsb(23, 81%, 86%)

CMYK

cmyk(0%, 50%, 81%, 14%)

Oklch

oklch(65.5% 0.159 47.9)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#B5C6B6

Celadon · Silver · Apple Green

HEX

#B5C6B6

RGB

rgb(181, 198, 182)

HSL

hsl(124, 13%, 74%)

HSB

hsb(124, 9%, 78%)

CMYK

cmyk(9%, 0%, 8%, 22%)

Oklch

oklch(80.9% 0.029 147.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E1992F

2D75E1

Analogous

E13F2D

E1992F

CFE12D

Triadic

E1992F

2DE199

992DE1

Split-Comp.

E1992F

2DCFE1

3F2DE1

Tetradic

E1992F

2DE13F

2D75E1

E12DCF

Contrast Matrix WCAG 2.1 Contrast

E1992F	9AD7C8	F4EED8	DC6D29	B5C6B6
—	1.5 Fail	2.1 Fail	1.4 Fail	1.3 Fail
1.5 Fail	—	1.4 Fail	2.1 Fail	1.1 Fail
2.1 Fail	1.4 Fail	—	2.9 Fail	1.5 Fail
1.4 Fail	2.1 Fail	2.9 Fail	—	1.9 Fail
1.3 Fail	1.1 Fail	1.5 Fail	1.9 Fail	—

White BG

2.4Fail

1.6Fail

1.2Fail

3.4AA Large

1.8Fail

Black BG

8.8AAA

12.9AAA

18.1AAA

6.3AA

11.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C2C149

B4B5CC

F1F1DD

ACAB39

BCBDBA

Deuteranopia

C6CB4F

B1ACCD

F2F2DF

B2BB3D

BBBABB

Tritanopia

DD5D61

9DCECF

F4E2E2

D64649

B6BDBE

Achromatopsia

A2A2A2

C3C3C3

EDEDED

868686

BFBFBF

Shades & Tints Shades & Tints

#E1992F

Dark

Light

#9AD7C8

Dark

Light

#F4EED8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e1992f;
  --color-2: #9ad7c8;
  --color-3: #f4eed8;
  --color-4: #dc6d29;
  --color-5: #b5c6b6;
}

SCSS

$color-1: #e1992f;
$color-2: #9ad7c8;
$color-3: #f4eed8;
$color-4: #dc6d29;
$color-5: #b5c6b6;

TAILWIND

colors: {
  'brand-1': '#e1992f',
  'brand-2': '#9ad7c8',
  'brand-3': '#f4eed8',
  'brand-4': '#dc6d29',
  'brand-5': '#b5c6b6',
}

RGB Array

[225, 153, 47], [154, 215, 200], [244, 238, 216], [220, 109, 41], [181, 198, 182]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E1992F, #9AD7C8, #F4EED8, #DC6D29, #B5C6B6 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: #e1992f; --color-2: #9ad7c8; --color-3: #f4eed8; --color-4: #dc6d29; --color-5: #b5c6b6. 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