#BB494F + #EE968A + #F5D1AE + #DAD7BC + #A4C8BC - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#BB494F

Crimson · Sienna · Passion Red

HEX

#BB494F

RGB

rgb(187, 73, 79)

HSL

hsl(357, 46%, 51%)

HSB

hsb(357, 61%, 73%)

CMYK

cmyk(0%, 61%, 58%, 27%)

Oklch

oklch(56.0% 0.147 20.1)

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

#EE968A

Peach Pink · DarkSalmon · Coral Red

HEX

#EE968A

RGB

rgb(238, 150, 138)

HSL

hsl(7, 75%, 74%)

HSB

hsb(7, 42%, 93%)

CMYK

cmyk(0%, 37%, 42%, 7%)

Oklch

oklch(76.0% 0.108 28.3)

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

#F5D1AE

Goose Yellow · Wheat · Peach Orange

HEX

#F5D1AE

RGB

rgb(245, 209, 174)

HSL

hsl(30, 78%, 82%)

HSB

hsb(30, 29%, 96%)

CMYK

cmyk(0%, 15%, 29%, 4%)

Oklch

oklch(88.3% 0.062 66.1)

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

#DAD7BC

Fresh Green · LightGray · Lemon Cream

HEX

#DAD7BC

RGB

rgb(218, 215, 188)

HSL

hsl(54, 29%, 80%)

HSB

hsb(54, 14%, 85%)

CMYK

cmyk(0%, 1%, 14%, 15%)

Oklch

oklch(87.4% 0.036 101.9)

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

#A4C8BC

Jade · Silver · Lake Green

HEX

#A4C8BC

RGB

rgb(164, 200, 188)

HSL

hsl(160, 25%, 71%)

HSB

hsb(160, 18%, 78%)

CMYK

cmyk(18%, 0%, 6%, 22%)

Oklch

oklch(80.3% 0.042 173.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BB494F

49BCB6

Analogous

BC4988

BB494F

BC7C49

Triadic

BB494F

4EBC49

494EBC

Split-Comp.

BB494F

49BC7C

4988BC

Tetradic

BB494F

88BC49

49BCB6

7C49BC

Contrast Matrix WCAG 2.1 Contrast

BB494F	EE968A	F5D1AE	DAD7BC	A4C8BC
—	2.2 Fail	3.5 AA Large	3.5 AA Large	2.8 Fail
2.2 Fail	—	1.6 Fail	1.5 Fail	1.2 Fail
3.5 AA Large	1.6 Fail	—	1.0 Fail	1.3 Fail
3.5 AA Large	1.5 Fail	1.0 Fail	—	1.2 Fail
2.8 Fail	1.2 Fail	1.3 Fail	1.2 Fail	—

White BG

5.0AA

2.2Fail

1.4Fail

1.5Fail

1.8Fail

Black BG

4.2AA Large

9.4AAA

14.6AAA

14.4AAA

11.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8A894E

C8C78D

E5E5B6

D9D9C3

B4B4BF

Deuteranopia

90994D

CDD48E

E8EAB9

D9D9C4

B2AFC0

Tritanopia

B54C4C

EA8F90

F3BDBF

DAC8C9

A6C1C2

Achromatopsia

6C6C6C

AFAFAF

D8D8D8

D5D5D5

BCBCBC

Shades & Tints Shades & Tints

#BB494F

Dark

Light

#EE968A

Dark

Light

#F5D1AE

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bb494f;
  --color-2: #ee968a;
  --color-3: #f5d1ae;
  --color-4: #dad7bc;
  --color-5: #a4c8bc;
}

SCSS

$color-1: #bb494f;
$color-2: #ee968a;
$color-3: #f5d1ae;
$color-4: #dad7bc;
$color-5: #a4c8bc;

TAILWIND

colors: {
  'brand-1': '#bb494f',
  'brand-2': '#ee968a',
  'brand-3': '#f5d1ae',
  'brand-4': '#dad7bc',
  'brand-5': '#a4c8bc',
}

RGB Array

[187, 73, 79], [238, 150, 138], [245, 209, 174], [218, 215, 188], [164, 200, 188]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BB494F, #EE968A, #F5D1AE, #DAD7BC, #A4C8BC 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: #bb494f; --color-2: #ee968a; --color-3: #f5d1ae; --color-4: #dad7bc; --color-5: #a4c8bc. 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