#CEE3DD + #DABFAB + #FF9596 + #857264 + #FF8F5E · bright - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#CEE3DD

Jade · LightGray · Glacier Blue

HEX

#CEE3DD

RGB

rgb(206, 227, 221)

HSL

hsl(163, 27%, 85%)

HSB

hsb(163, 9%, 89%)

CMYK

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

Oklch

oklch(89.9% 0.024 176.8)

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

#DABFAB

Apricot · Silver · Peach Orange

HEX

#DABFAB

RGB

rgb(218, 191, 171)

HSL

hsl(26, 39%, 76%)

HSB

hsb(26, 22%, 85%)

CMYK

cmyk(0%, 12%, 22%, 15%)

Oklch

oklch(82.2% 0.041 58.7)

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

#FF9596

Peach Pink · LightSalmon · Coral Red

HEX

#FF9596

RGB

rgb(255, 149, 150)

HSL

hsl(359, 100%, 79%)

HSB

hsb(359, 42%, 100%)

CMYK

cmyk(0%, 42%, 41%, 0%)

Oklch

oklch(78.1% 0.128 19.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#857264

Tangerine · DimGray · Amber Brown

HEX

#857264

RGB

rgb(133, 114, 100)

HSL

hsl(25, 14%, 46%)

HSB

hsb(25, 25%, 52%)

CMYK

cmyk(0%, 14%, 25%, 48%)

Oklch

oklch(56.6% 0.032 58.4)

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

#FF8F5E

Apricot · Coral · Warm Sun

HEX

#FF8F5E

RGB

rgb(255, 143, 94)

HSL

hsl(18, 100%, 68%)

HSB

hsb(18, 63%, 100%)

CMYK

cmyk(0%, 44%, 63%, 0%)

Oklch

oklch(76.2% 0.150 43.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CEE3DD

E3CED4

Analogous

CEE3D3

CEE3DD

CEDFE3

Triadic

CEE3DD

DDCEE3

E3DDCE

Split-Comp.

CEE3DD

E3CEDF

E3D3CE

Tetradic

CEE3DD

D3CEE3

E3CED4

DFE3CE

Contrast Matrix WCAG 2.1 Contrast

CEE3DD	DABFAB	FF9596	857264	FF8F5E
—	1.3 Fail	1.6 Fail	3.4 AA Large	1.7 Fail
1.3 Fail	—	1.2 Fail	2.6 Fail	1.3 Fail
1.6 Fail	1.2 Fail	—	2.2 Fail	1.1 Fail
3.4 AA Large	2.6 Fail	2.2 Fail	—	2.0 Fail
1.7 Fail	1.3 Fail	1.1 Fail	2.0 Fail	—

White BG

1.3Fail

1.7Fail

2.1Fail

4.6AA

2.2Fail

Black BG

15.7AAA

12.0AAA

10.0AAA

4.6AA

9.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D7D7DE

CECEB0

D1D096

7D7D67

CFCD6A

Deuteranopia

D6D4DF

D0D2B1

D7DF96

7E7F68

D5DD6D

Tritanopia

CFE0E0

D9B4B5

FA9696

846A6B

F97375

Achromatopsia

DCDCDC

C5C5C5

B5B5B5

767676

ABABAB

Shades & Tints Shades & Tints

#CEE3DD

Dark

Light

#DABFAB

Dark

Light

#FF9596

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cee3dd;
  --color-2: #dabfab;
  --color-3: #ff9596;
  --color-4: #857264;
  --color-5: #ff8f5e;
}

SCSS

$color-1: #cee3dd;
$color-2: #dabfab;
$color-3: #ff9596;
$color-4: #857264;
$color-5: #ff8f5e;

TAILWIND

colors: {
  'brand-1': '#cee3dd',
  'brand-2': '#dabfab',
  'brand-3': '#ff9596',
  'brand-4': '#857264',
  'brand-5': '#ff8f5e',
}

RGB Array

[206, 227, 221], [218, 191, 171], [255, 149, 150], [133, 114, 100], [255, 143, 94]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #CEE3DD, #DABFAB, #FF9596, #857264, #FF8F5E 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: #cee3dd; --color-2: #dabfab; --color-3: #ff9596; --color-4: #857264; --color-5: #ff8f5e. 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 bright-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