#BF926F + #D8B891 + #F2C898 + #ABAA95 + #919D93 · summer - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#BF926F

Tangerine · DarkSalmon · Warm Sun

HEX

#BF926F

RGB

rgb(191, 146, 111)

HSL

hsl(26, 38%, 59%)

HSB

hsb(26, 42%, 75%)

CMYK

cmyk(0%, 24%, 42%, 25%)

Oklch

oklch(69.4% 0.073 59.1)

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

#D8B891

Goose Yellow · Tan · Warm Sun

HEX

#D8B891

RGB

rgb(216, 184, 145)

HSL

hsl(33, 48%, 71%)

HSB

hsb(33, 33%, 85%)

CMYK

cmyk(0%, 15%, 33%, 15%)

Oklch

oklch(80.1% 0.064 72.2)

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

#F2C898

Goose Yellow · BurlyWood · Peach Orange

HEX

#F2C898

RGB

rgb(242, 200, 152)

HSL

hsl(32, 78%, 77%)

HSB

hsb(32, 37%, 95%)

CMYK

cmyk(0%, 17%, 37%, 5%)

Oklch

oklch(85.8% 0.079 70.2)

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

#ABAA95

Fresh Green · DarkGray · Sunflower

HEX

#ABAA95

RGB

rgb(171, 170, 149)

HSL

hsl(57, 12%, 63%)

HSB

hsb(57, 13%, 67%)

CMYK

cmyk(0%, 1%, 13%, 33%)

Oklch

oklch(73.3% 0.029 104.9)

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

#919D93

Ash · DarkSeaGreen · Silver Sand

HEX

#919D93

RGB

rgb(145, 157, 147)

HSL

hsl(130, 6%, 59%)

HSB

hsb(130, 8%, 62%)

CMYK

cmyk(8%, 0%, 6%, 38%)

Oklch

oklch(68.3% 0.020 150.4)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BF926F

6F9CBE

Analogous

BE6F74

BF926F

BEB96F

Triadic

BF926F

6FBE91

916FBE

Split-Comp.

BF926F

6FBEB9

6F74BE

Tetradic

BF926F

74BE6F

6F9CBE

B96FBE

Contrast Matrix WCAG 2.1 Contrast

BF926F	D8B891	F2C898	ABAA95	919D93
—	1.5 Fail	1.8 Fail	1.2 Fail	1.0 Fail
1.5 Fail	—	1.2 Fail	1.3 Fail	1.5 Fail
1.8 Fail	1.2 Fail	—	1.5 Fail	1.8 Fail
1.2 Fail	1.3 Fail	1.5 Fail	—	1.2 Fail
1.0 Fail	1.5 Fail	1.8 Fail	1.2 Fail	—

White BG

2.8Fail

1.9Fail

1.6Fail

2.4Fail

2.8Fail

Black BG

7.6AAA

11.2AAA

13.5AAA

8.9AAA

7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ACAB77

CACA9A

E0DFA4

ABAB9A

969695

Deuteranopia

AEB279

CCCE9D

E2E5A6

ABAB9B

969596

Tritanopia

BD7E80

D6A2A4

F0ADAF

AB9E9F

929798

Achromatopsia

9B9B9B

BDBDBD

CFCFCF

A8A8A8

989898

Shades & Tints Shades & Tints

#BF926F

Dark

Light

#D8B891

Dark

Light

#F2C898

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bf926f;
  --color-2: #d8b891;
  --color-3: #f2c898;
  --color-4: #abaa95;
  --color-5: #919d93;
}

SCSS

$color-1: #bf926f;
$color-2: #d8b891;
$color-3: #f2c898;
$color-4: #abaa95;
$color-5: #919d93;

TAILWIND

colors: {
  'brand-1': '#bf926f',
  'brand-2': '#d8b891',
  'brand-3': '#f2c898',
  'brand-4': '#abaa95',
  'brand-5': '#919d93',
}

RGB Array

[191, 146, 111], [216, 184, 145], [242, 200, 152], [171, 170, 149], [145, 157, 147]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This summer-style palette of #BF926F, #D8B891, #F2C898, #ABAA95, #919D93 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: #bf926f; --color-2: #d8b891; --color-3: #f2c898; --color-4: #abaa95; --color-5: #919d93. 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 summer-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