#968269 + #B98B73 + #E5A288 + #F2BB9D + #FFD0B2 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#968269

Ochre · Gray · Amber Brown

HEX

#968269

RGB

rgb(150, 130, 105)

HSL

hsl(33, 18%, 50%)

HSB

hsb(33, 30%, 59%)

CMYK

cmyk(0%, 13%, 30%, 41%)

Oklch

oklch(61.8% 0.043 73.1)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#B98B73

Tangerine · DarkSalmon · Warm Sun

HEX

#B98B73

RGB

rgb(185, 139, 115)

HSL

hsl(21, 33%, 59%)

HSB

hsb(21, 38%, 73%)

CMYK

cmyk(0%, 25%, 38%, 27%)

Oklch

oklch(67.5% 0.066 48.7)

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

#E5A288

Apricot · DarkSalmon · Warm Sun

HEX

#E5A288

RGB

rgb(229, 162, 136)

HSL

hsl(17, 64%, 72%)

HSB

hsb(17, 41%, 90%)

CMYK

cmyk(0%, 29%, 41%, 10%)

Oklch

oklch(77.0% 0.088 42.1)

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

#F2BB9D

Apricot · BurlyWood · Peach Orange

HEX

#F2BB9D

RGB

rgb(242, 187, 157)

HSL

hsl(21, 77%, 78%)

HSB

hsb(21, 35%, 95%)

CMYK

cmyk(0%, 23%, 35%, 5%)

Oklch

oklch(83.4% 0.076 49.9)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FFD0B2

Apricot · Wheat · Peach Orange

HEX

#FFD0B2

RGB

rgb(255, 208, 178)

HSL

hsl(23, 100%, 85%)

HSB

hsb(23, 30%, 100%)

CMYK

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

Oklch

oklch(89.1% 0.067 54.2)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

968269

697D96

Analogous

966B69

968269

949669

Triadic

968269

699682

826996

Split-Comp.

968269

699496

6B6996

Tetradic

968269

69966B

697D96

966994

Contrast Matrix WCAG 2.1 Contrast

968269	B98B73	E5A288	F2BB9D	FFD0B2
—	1.2 Fail	1.7 Fail	2.2 Fail	2.6 Fail
1.2 Fail	—	1.4 Fail	1.8 Fail	2.1 Fail
1.7 Fail	1.4 Fail	—	1.3 Fail	1.5 Fail
2.2 Fail	1.8 Fail	1.3 Fail	—	1.2 Fail
2.6 Fail	2.1 Fail	1.5 Fail	1.2 Fail	—

White BG

3.7AA Large

3.0Fail

2.1Fail

1.7Fail

1.4Fail

Black BG

5.7AA

7.0AAA

9.9AAA

12.4AAA

14.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8D8D6F

A5A579

C8C78E

DADAA4

EBEAB9

Deuteranopia

8F9071

A8AB7A

CCD190

DDE1A6

EDF1BB

Tritanopia

957475

B77D7E

E29394

EFAAAB

FDBFC0

Achromatopsia

858585

969696

B3B3B3

C8C8C8

DBDBDB

Shades & Tints Shades & Tints

#968269

Dark

Light

#B98B73

Dark

Light

#E5A288

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #968269;
  --color-2: #b98b73;
  --color-3: #e5a288;
  --color-4: #f2bb9d;
  --color-5: #ffd0b2;
}

SCSS

$color-1: #968269;
$color-2: #b98b73;
$color-3: #e5a288;
$color-4: #f2bb9d;
$color-5: #ffd0b2;

TAILWIND

colors: {
  'brand-1': '#968269',
  'brand-2': '#b98b73',
  'brand-3': '#e5a288',
  'brand-4': '#f2bb9d',
  'brand-5': '#ffd0b2',
}

RGB Array

[150, 130, 105], [185, 139, 115], [229, 162, 136], [242, 187, 157], [255, 208, 178]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #968269, #B98B73, #E5A288, #F2BB9D, #FFD0B2 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: #968269; --color-2: #b98b73; --color-3: #e5a288; --color-4: #f2bb9d; --color-5: #ffd0b2. 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