#CF1515 + #EEC99F + #E6D9BB + #DEDAAE + #B8E0C4 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#CF1515

Vermilion · FireBrick · Passion Red

HEX

#CF1515

RGB

rgb(207, 21, 21)

HSL

hsl(0, 82%, 45%)

HSB

hsb(0, 90%, 81%)

CMYK

cmyk(0%, 90%, 90%, 19%)

Oklch

oklch(54.3% 0.213 28.3)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#EEC99F

Goose Yellow · Wheat · Peach Orange

HEX

#EEC99F

RGB

rgb(238, 201, 159)

HSL

hsl(32, 70%, 78%)

HSB

hsb(32, 33%, 93%)

CMYK

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

Oklch

oklch(85.8% 0.069 70.2)

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

#E6D9BB

Goose Yellow · Wheat · Lemon Cream

HEX

#E6D9BB

RGB

rgb(230, 217, 187)

HSL

hsl(42, 46%, 82%)

HSB

hsb(42, 19%, 90%)

CMYK

cmyk(0%, 6%, 19%, 10%)

Oklch

oklch(88.8% 0.042 87.4)

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

#DEDAAE

Fresh Green · Wheat · Lemon Cream

HEX

#DEDAAE

RGB

rgb(222, 218, 174)

HSL

hsl(55, 42%, 78%)

HSB

hsb(55, 22%, 87%)

CMYK

cmyk(0%, 2%, 22%, 13%)

Oklch

oklch(88.0% 0.058 103.2)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#B8E0C4

Celadon · Silver · Apple Green

HEX

#B8E0C4

RGB

rgb(184, 224, 196)

HSL

hsl(138, 39%, 80%)

HSB

hsb(138, 18%, 88%)

CMYK

cmyk(18%, 0%, 12%, 12%)

Oklch

oklch(87.0% 0.057 154.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CF1515

15D1D1

Analogous

D11573

CF1515

D17315

Triadic

CF1515

15D115

1515D1

Split-Comp.

CF1515

15D173

1573D1

Tetradic

CF1515

73D115

15D1D1

7315D1

Contrast Matrix WCAG 2.1 Contrast

CF1515	EEC99F	E6D9BB	DEDAAE	B8E0C4
—	3.6 AA Large	4.0 AA Large	3.9 AA Large	3.8 AA Large
3.6 AA Large	—	1.1 Fail	1.1 Fail	1.1 Fail
4.0 AA Large	1.1 Fail	—	1.0 Fail	1.0 Fail
3.9 AA Large	1.1 Fail	1.0 Fail	—	1.0 Fail
3.8 AA Large	1.1 Fail	1.0 Fail	1.0 Fail	—

White BG

5.6AA

1.6Fail

1.4Fail

Black BG

3.8AA Large

13.5AAA

15.0AAA

14.7AAA

14.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7E7D15

DEDEA9

E0E0C2

DCDCB9

C9CACB

Deuteranopia

899715

E0E3AC

E1E2C4

DDDDBB

C7C4CC

Tritanopia

C61515

ECB1B3

E5C8C9

DEC1C3

BAD0D1

Achromatopsia

4D4D4D

CFCFCF

D9D9D9

D6D6D6

D1D1D1

Shades & Tints Shades & Tints

#CF1515

Dark

Light

#EEC99F

Dark

Light

#E6D9BB

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cf1515;
  --color-2: #eec99f;
  --color-3: #e6d9bb;
  --color-4: #dedaae;
  --color-5: #b8e0c4;
}

SCSS

$color-1: #cf1515;
$color-2: #eec99f;
$color-3: #e6d9bb;
$color-4: #dedaae;
$color-5: #b8e0c4;

TAILWIND

colors: {
  'brand-1': '#cf1515',
  'brand-2': '#eec99f',
  'brand-3': '#e6d9bb',
  'brand-4': '#dedaae',
  'brand-5': '#b8e0c4',
}

RGB Array

[207, 21, 21], [238, 201, 159], [230, 217, 187], [222, 218, 174], [184, 224, 196]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CF1515, #EEC99F, #E6D9BB, #DEDAAE, #B8E0C4 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: #cf1515; --color-2: #eec99f; --color-3: #e6d9bb; --color-4: #dedaae; --color-5: #b8e0c4. 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