#B5A68D + #DFA9B0 + #E6CAAA + #F6D3DB + #F8E4E0 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B5A68D

Ginger · DarkGray · Warm Sun

HEX

#B5A68D

RGB

rgb(181, 166, 141)

HSL

hsl(37, 21%, 63%)

HSB

hsb(37, 22%, 71%)

CMYK

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

Oklch

oklch(73.1% 0.039 80.5)

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

#DFA9B0

Peach Pink · LightPink · Coral Red

HEX

#DFA9B0

RGB

rgb(223, 169, 176)

HSL

hsl(352, 46%, 77%)

HSB

hsb(352, 24%, 87%)

CMYK

cmyk(0%, 24%, 21%, 13%)

Oklch

oklch(78.7% 0.064 10.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#E6CAAA

Goose Yellow · Wheat · Peach Orange

HEX

#E6CAAA

RGB

rgb(230, 202, 170)

HSL

hsl(32, 55%, 78%)

HSB

hsb(32, 26%, 90%)

CMYK

cmyk(0%, 12%, 26%, 10%)

Oklch

oklch(85.4% 0.053 70.8)

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

#F6D3DB

Peach Pink · Pink · Cherry Blossom

HEX

#F6D3DB

RGB

rgb(246, 211, 219)

HSL

hsl(346, 66%, 90%)

HSB

hsb(346, 14%, 96%)

CMYK

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

Oklch

oklch(89.8% 0.040 2.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#F8E4E0

Peach Pink · Linen · Cherry Blossom

HEX

#F8E4E0

RGB

rgb(248, 228, 224)

HSL

hsl(10, 63%, 93%)

HSB

hsb(10, 10%, 97%)

CMYK

cmyk(0%, 8%, 10%, 3%)

Oklch

oklch(93.4% 0.023 31.1)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B5A68D

8D9CB4

Analogous

B4918D

B5A68D

B0B48D

Triadic

B5A68D

8DB4A5

A58DB4

Split-Comp.

B5A68D

8DB0B4

918DB4

Tetradic

B5A68D

8DB491

8D9CB4

B48DB0

Contrast Matrix WCAG 2.1 Contrast

B5A68D	DFA9B0	E6CAAA	F6D3DB	F8E4E0
—	1.2 Fail	1.5 Fail	1.7 Fail	1.9 Fail
1.2 Fail	—	1.3 Fail	1.5 Fail	1.6 Fail
1.5 Fail	1.3 Fail	—	1.1 Fail	1.3 Fail
1.7 Fail	1.5 Fail	1.1 Fail	—	1.1 Fail
1.9 Fail	1.6 Fail	1.3 Fail	1.1 Fail	—

White BG

2.4Fail

2.0Fail

1.6Fail

1.4Fail

1.2Fail

Black BG

8.8AAA

10.4AAA

13.4AAA

15.3AAA

17.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AFAE93

C8C7AE

DADAB2

E7E7D9

EFEFE1

Deuteranopia

AFB195

CBCFAE

DCDEB4

E9ECD9

F1F2E1

Tritanopia

B49899

DCADAD

E5B8B9

F4D8D7

F7E2E2

Achromatopsia

A8A8A8

BABABA

CFCFCF

DEDEDE

EAEAEA

Shades & Tints Shades & Tints

#B5A68D

Dark

Light

#DFA9B0

Dark

Light

#E6CAAA

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b5a68d;
  --color-2: #dfa9b0;
  --color-3: #e6caaa;
  --color-4: #f6d3db;
  --color-5: #f8e4e0;
}

SCSS

$color-1: #b5a68d;
$color-2: #dfa9b0;
$color-3: #e6caaa;
$color-4: #f6d3db;
$color-5: #f8e4e0;

TAILWIND

colors: {
  'brand-1': '#b5a68d',
  'brand-2': '#dfa9b0',
  'brand-3': '#e6caaa',
  'brand-4': '#f6d3db',
  'brand-5': '#f8e4e0',
}

RGB Array

[181, 166, 141], [223, 169, 176], [230, 202, 170], [246, 211, 219], [248, 228, 224]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B5A68D, #DFA9B0, #E6CAAA, #F6D3DB, #F8E4E0 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: #b5a68d; --color-2: #dfa9b0; --color-3: #e6caaa; --color-4: #f6d3db; --color-5: #f8e4e0. 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