#928089 + #F8A690 + #DFC78E + #D8DECA + #C8E8E5 · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#928089

Dark Violet · Gray · Warm Gray

HEX

#928089

RGB

rgb(146, 128, 137)

HSL

hsl(330, 8%, 54%)

HSB

hsb(330, 12%, 57%)

CMYK

cmyk(0%, 12%, 6%, 43%)

Oklch

oklch(61.9% 0.025 346.2)

Traditional「Dark Violet」· Paint「Warm Gray」· Creative Urban Concrete

#F8A690

Peach Pink · LightSalmon · Coral Red

HEX

#F8A690

RGB

rgb(248, 166, 144)

HSL

hsl(13, 88%, 77%)

HSB

hsb(13, 42%, 97%)

CMYK

cmyk(0%, 33%, 42%, 3%)

Oklch

oklch(80.0% 0.103 35.7)

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

#DFC78E

Goose Yellow · BurlyWood · Sunflower

HEX

#DFC78E

RGB

rgb(223, 199, 142)

HSL

hsl(42, 56%, 72%)

HSB

hsb(42, 36%, 87%)

CMYK

cmyk(0%, 11%, 36%, 13%)

Oklch

oklch(83.7% 0.079 87.7)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#D8DECA

Willow Green · LightGray · Mint Green

HEX

#D8DECA

RGB

rgb(216, 222, 202)

HSL

hsl(78, 23%, 83%)

HSB

hsb(78, 9%, 87%)

CMYK

cmyk(3%, 0%, 9%, 13%)

Oklch

oklch(89.1% 0.028 120.6)

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

#C8E8E5

Jade · LightGray · Glacier Blue

HEX

#C8E8E5

RGB

rgb(200, 232, 229)

HSL

hsl(174, 41%, 85%)

HSB

hsb(174, 14%, 91%)

CMYK

cmyk(14%, 0%, 1%, 9%)

Oklch

oklch(90.7% 0.034 189.7)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

928089

80938A

Analogous

938093

928089

938080

Triadic

928089

8A9380

808A93

Split-Comp.

928089

809380

809393

Tetradic

928089

939380

80938A

808093

Contrast Matrix WCAG 2.1 Contrast

928089	F8A690	DFC78E	D8DECA	C8E8E5
—	1.9 Fail	2.2 Fail	2.7 Fail	2.8 Fail
1.9 Fail	—	1.2 Fail	1.4 Fail	1.5 Fail
2.2 Fail	1.2 Fail	—	1.2 Fail	1.3 Fail
2.7 Fail	1.4 Fail	1.2 Fail	—	1.1 Fail
2.8 Fail	1.5 Fail	1.3 Fail	1.1 Fail	—

White BG

3.7AA Large

1.9Fail

1.7Fail

1.4Fail

1.3Fail

Black BG

5.7AA

10.8AAA

12.7AAA

15.2AAA

16.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8A8A87

D4D495

D5D49C

DBDBCF

D6D6E6

Deuteranopia

8B8D86

D9DF97

D6D89F

DADAD0

D4D2E6

Tritanopia

918585

F49A9A

DEA7A9

D8D3D4

CAE6E6

Achromatopsia

868686

BCBCBC

C8C8C8

DADADA

DEDEDE

Shades & Tints Shades & Tints

#928089

Dark

Light

#F8A690

Dark

Light

#DFC78E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #928089;
  --color-2: #f8a690;
  --color-3: #dfc78e;
  --color-4: #d8deca;
  --color-5: #c8e8e5;
}

SCSS

$color-1: #928089;
$color-2: #f8a690;
$color-3: #dfc78e;
$color-4: #d8deca;
$color-5: #c8e8e5;

TAILWIND

colors: {
  'brand-1': '#928089',
  'brand-2': '#f8a690',
  'brand-3': '#dfc78e',
  'brand-4': '#d8deca',
  'brand-5': '#c8e8e5',
}

RGB Array

[146, 128, 137], [248, 166, 144], [223, 199, 142], [216, 222, 202], [200, 232, 229]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #928089, #F8A690, #DFC78E, #D8DECA, #C8E8E5 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: #928089; --color-2: #f8a690; --color-3: #dfc78e; --color-4: #d8deca; --color-5: #c8e8e5. 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 cool-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