← Back to Editor

#B3967E · #D9E0B6 · #F6D0A1 · #FA8787 · #624B4B

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#B3967E

Tangerine · Tan · Warm Sun

HEX
#B3967E
RGB
rgb(179, 150, 126)
HSL
hsl(27, 26%, 60%)
HSB
hsb(27, 30%, 70%)
CMYK
cmyk(0%, 16%, 30%, 30%)
Oklch
oklch(69.3% 0.049 61.5)

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

#D9E0B6

Willow Green · Wheat · Apple Green

HEX
#D9E0B6
RGB
rgb(217, 224, 182)
HSL
hsl(70, 40%, 80%)
HSB
hsb(70, 19%, 88%)
CMYK
cmyk(3%, 0%, 19%, 12%)
Oklch
oklch(89.1% 0.056 115.2)

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

#F6D0A1

Goose Yellow · Wheat · Peach Orange

HEX
#F6D0A1
RGB
rgb(246, 208, 161)
HSL
hsl(33, 83%, 80%)
HSB
hsb(33, 35%, 96%)
CMYK
cmyk(0%, 15%, 35%, 4%)
Oklch
oklch(87.9% 0.075 72.5)

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

#FA8787

Peach Pink · LightCoral · Coral Red

HEX
#FA8787
RGB
rgb(250, 135, 135)
HSL
hsl(0, 92%, 75%)
HSB
hsb(0, 46%, 98%)
CMYK
cmyk(0%, 46%, 46%, 2%)
Oklch
oklch(75.0% 0.140 21.0)

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

#624B4B

Crimson · DimGray · Wine Red

HEX
#624B4B
RGB
rgb(98, 75, 75)
HSL
hsl(0, 13%, 34%)
HSB
hsb(0, 23%, 38%)
CMYK
cmyk(0%, 23%, 23%, 62%)
Oklch
oklch(43.7% 0.031 18.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B3967E
7E9CB4

Analogous

B47E81
B3967E
B4B17E

Triadic

B3967E
7EB496
967EB4

Split-Comp.

B3967E
7EB4B1
7E81B4

Tetradic

B3967E
81B47E
7E9CB4
B17EB4

Contrast Matrix WCAG 2.1 Contrast

B3967E
D9E0B6
F6D0A1
FA8787
624B4B
—
2.0
Fail
1.9
Fail
1.2
Fail
2.9
Fail
2.0
Fail
—
1.1
Fail
1.7
Fail
5.8
AA
1.9
Fail
1.1
Fail
—
1.6
Fail
5.5
AA
1.2
Fail
1.7
Fail
1.6
Fail
—
3.4
AA Large
2.9
Fail
5.8
AA
5.5
AA
3.4
AA Large
—
White BG
2.8Fail
1.4Fail
1.5Fail
2.4Fail
8.0AAA
Black BG
7.6AAA
15.3AAA
14.5AAA
8.9AAA
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A6A684
DCDCC0
E6E5AC
C8C787
58584B

Deuteranopia

A8AA85
DCDBC3
E8EBAF
CFD887
595B4B

Tritanopia

B28889
D9C8CA
F4B5B7
F48787
614B4B

Achromatopsia

9C9C9C
D9D9D9
D6D6D6
A9A9A9
525252

Shades & Tints Shades & Tints

#B3967E

Dark
Light

#D9E0B6

Dark
Light

#F6D0A1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b3967e;
  --color-2: #d9e0b6;
  --color-3: #f6d0a1;
  --color-4: #fa8787;
  --color-5: #624b4b;
}

SCSS

$color-1: #b3967e;
$color-2: #d9e0b6;
$color-3: #f6d0a1;
$color-4: #fa8787;
$color-5: #624b4b;

TAILWIND

colors: {
  'brand-1': '#b3967e',
  'brand-2': '#d9e0b6',
  'brand-3': '#f6d0a1',
  'brand-4': '#fa8787',
  'brand-5': '#624b4b',
}

RGB Array

[179, 150, 126], [217, 224, 182], [246, 208, 161], [250, 135, 135], [98, 75, 75]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B3967E, #D9E0B6, #F6D0A1, #FA8787, #624B4B is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #b3967e; --color-2: #d9e0b6; --color-3: #f6d0a1; --color-4: #fa8787; --color-5: #624b4b. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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