#F53845 + #CE8B86 + #B0B398 + #D0BD92 + #DAC08F - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F53845

Vermilion · Tomato · Passion Red

HEX

#F53845

RGB

rgb(245, 56, 69)

HSL

hsl(356, 90%, 59%)

HSB

hsb(356, 77%, 96%)

CMYK

cmyk(0%, 77%, 72%, 4%)

Oklch

oklch(63.7% 0.223 23.1)

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

#CE8B86

Peach Pink · DarkSalmon · Coral Red

HEX

#CE8B86

RGB

rgb(206, 139, 134)

HSL

hsl(4, 42%, 67%)

HSB

hsb(4, 35%, 81%)

CMYK

cmyk(0%, 33%, 35%, 19%)

Oklch

oklch(70.3% 0.083 24.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#B0B398

Fresh Green · DarkGray · Sunflower

HEX

#B0B398

RGB

rgb(176, 179, 152)

HSL

hsl(67, 15%, 65%)

HSB

hsb(67, 15%, 70%)

CMYK

cmyk(2%, 0%, 15%, 30%)

Oklch

oklch(75.7% 0.038 112.4)

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

#D0BD92

Ginger · Tan · Sunflower

HEX

#D0BD92

RGB

rgb(208, 189, 146)

HSL

hsl(42, 40%, 69%)

HSB

hsb(42, 30%, 82%)

CMYK

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

Oklch

oklch(80.4% 0.061 86.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#DAC08F

Goose Yellow · BurlyWood · Warm Sun

HEX

#DAC08F

RGB

rgb(218, 192, 143)

HSL

hsl(39, 50%, 71%)

HSB

hsb(39, 34%, 85%)

CMYK

cmyk(0%, 12%, 34%, 15%)

Oklch

oklch(81.8% 0.071 83.0)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F53845

38F5E8

Analogous

F538A3

F53845

F58A38

Triadic

F53845

45F538

3845F5

Split-Comp.

F53845

38F58A

38A3F5

Tetradic

F53845

A3F538

38F5E8

8A38F5

Contrast Matrix WCAG 2.1 Contrast

F53845	CE8B86	B0B398	D0BD92	DAC08F
—	1.4 Fail	1.8 Fail	2.1 Fail	2.2 Fail
1.4 Fail	—	1.3 Fail	1.5 Fail	1.6 Fail
1.8 Fail	1.3 Fail	—	1.2 Fail	1.2 Fail
2.1 Fail	1.5 Fail	1.2 Fail	—	1.0 Fail
2.2 Fail	1.6 Fail	1.2 Fail	1.0 Fail	—

White BG

3.8AA Large

2.7Fail

2.2Fail

1.8Fail

Black BG

5.5AA

7.7AAA

9.7AAA

11.4AAA

11.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A3A142

B1B087

B1B19F

C8C89C

CFCF9B

Deuteranopia

AEBC41

B5BA88

B1B1A0

C9CA9F

D0D29E

Tritanopia

EC3F3F

CB8888

B0A4A5

CFA5A6

D9A4A6

Achromatopsia

727272

9E9E9E

AFAFAF

BEBEBE

C2C2C2

Shades & Tints Shades & Tints

#F53845

Dark

Light

#CE8B86

Dark

Light

#B0B398

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f53845;
  --color-2: #ce8b86;
  --color-3: #b0b398;
  --color-4: #d0bd92;
  --color-5: #dac08f;
}

SCSS

$color-1: #f53845;
$color-2: #ce8b86;
$color-3: #b0b398;
$color-4: #d0bd92;
$color-5: #dac08f;

TAILWIND

colors: {
  'brand-1': '#f53845',
  'brand-2': '#ce8b86',
  'brand-3': '#b0b398',
  'brand-4': '#d0bd92',
  'brand-5': '#dac08f',
}

RGB Array

[245, 56, 69], [206, 139, 134], [176, 179, 152], [208, 189, 146], [218, 192, 143]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F53845, #CE8B86, #B0B398, #D0BD92, #DAC08F 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: #f53845; --color-2: #ce8b86; --color-3: #b0b398; --color-4: #d0bd92; --color-5: #dac08f. 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