#75968B + #95B19B + #D4B195 + #E7B594 + #F1C691 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#75968B

Mineral Blue · LightSlateGray · Lake Green

HEX

#75968B

RGB

rgb(117, 150, 139)

HSL

hsl(160, 14%, 52%)

HSB

hsb(160, 22%, 59%)

CMYK

cmyk(22%, 0%, 7%, 41%)

Oklch

oklch(64.5% 0.040 172.6)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#95B19B

Celadon · DarkSeaGreen · Apple Green

HEX

#95B19B

RGB

rgb(149, 177, 155)

HSL

hsl(133, 15%, 64%)

HSB

hsb(133, 16%, 69%)

CMYK

cmyk(16%, 0%, 12%, 31%)

Oklch

oklch(73.3% 0.044 151.6)

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

#D4B195

Apricot · Tan · Warm Sun

HEX

#D4B195

RGB

rgb(212, 177, 149)

HSL

hsl(27, 42%, 71%)

HSB

hsb(27, 30%, 83%)

CMYK

cmyk(0%, 17%, 30%, 17%)

Oklch

oklch(78.4% 0.056 60.5)

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

#E7B594

Apricot · BurlyWood · Warm Sun

HEX

#E7B594

RGB

rgb(231, 181, 148)

HSL

hsl(24, 63%, 74%)

HSB

hsb(24, 36%, 91%)

CMYK

cmyk(0%, 22%, 36%, 9%)

Oklch

oklch(81.0% 0.073 54.9)

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

#F1C691

Goose Yellow · BurlyWood · Peach Orange

HEX

#F1C691

RGB

rgb(241, 198, 145)

HSL

hsl(33, 77%, 76%)

HSB

hsb(33, 40%, 95%)

CMYK

cmyk(0%, 18%, 40%, 5%)

Oklch

oklch(85.2% 0.084 72.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

75968B

96737F

Analogous

739679

75968B

739096

Triadic

75968B

8A7396

968A73

Split-Comp.

75968B

967390

967973

Tetradic

75968B

797396

96737F

909673

Contrast Matrix WCAG 2.1 Contrast

75968B	95B19B	D4B195	E7B594	F1C691
—	1.4 Fail	1.6 Fail	1.8 Fail	2.0 Fail
1.4 Fail	—	1.2 Fail	1.3 Fail	1.5 Fail
1.6 Fail	1.2 Fail	—	1.1 Fail	1.3 Fail
1.8 Fail	1.3 Fail	1.1 Fail	—	1.2 Fail
2.0 Fail	1.5 Fail	1.3 Fail	1.2 Fail	—

White BG

3.2AA Large

2.3Fail

2.0Fail

1.8Fail

1.6Fail

Black BG

6.5AA

9.0AAA

10.5AAA

11.4AAA

13.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

83848E

A1A1A0

C5C59C

D1D19C

DEDE9E

Deuteranopia

817F8E

A09DA2

C7C99D

D4D89E

E1E4A1

Tritanopia

779090

96A5A5

D2A1A2

E5A2A4

EFA8AA

Achromatopsia

8B8B8B

A6A6A6

B8B8B8

C0C0C0

CDCDCD

Shades & Tints Shades & Tints

#75968B

Dark

Light

#95B19B

Dark

Light

#D4B195

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #75968b;
  --color-2: #95b19b;
  --color-3: #d4b195;
  --color-4: #e7b594;
  --color-5: #f1c691;
}

SCSS

$color-1: #75968b;
$color-2: #95b19b;
$color-3: #d4b195;
$color-4: #e7b594;
$color-5: #f1c691;

TAILWIND

colors: {
  'brand-1': '#75968b',
  'brand-2': '#95b19b',
  'brand-3': '#d4b195',
  'brand-4': '#e7b594',
  'brand-5': '#f1c691',
}

RGB Array

[117, 150, 139], [149, 177, 155], [212, 177, 149], [231, 181, 148], [241, 198, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #75968B, #95B19B, #D4B195, #E7B594, #F1C691 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: #75968b; --color-2: #95b19b; --color-3: #d4b195; --color-4: #e7b594; --color-5: #f1c691. 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