← Back to Editor

#CEEBB0 · #D4CD96 · #DAAF7C · #DF9062 · #E57248

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#CEEBB0

Willow Green · Wheat · Mint Green

HEX
#CEEBB0
RGB
rgb(206, 235, 176)
HSL
hsl(89, 60%, 81%)
HSB
hsb(89, 25%, 92%)
CMYK
cmyk(12%, 0%, 25%, 8%)
Oklch
oklch(90.4% 0.084 129.2)

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

#D4CD96

Fresh Green · Tan · Sunflower

HEX
#D4CD96
RGB
rgb(212, 205, 150)
HSL
hsl(53, 42%, 71%)
HSB
hsb(53, 29%, 83%)
CMYK
cmyk(0%, 3%, 29%, 17%)
Oklch
oklch(84.1% 0.073 101.7)

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

#DAAF7C

Ginger · BurlyWood · Warm Sun

HEX
#DAAF7C
RGB
rgb(218, 175, 124)
HSL
hsl(33, 56%, 67%)
HSB
hsb(33, 43%, 85%)
CMYK
cmyk(0%, 20%, 43%, 15%)
Oklch
oklch(78.1% 0.084 70.9)

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

#DF9062

Apricot · DarkSalmon · Warm Sun

HEX
#DF9062
RGB
rgb(223, 144, 98)
HSL
hsl(22, 66%, 63%)
HSB
hsb(22, 56%, 87%)
CMYK
cmyk(0%, 35%, 56%, 13%)
Oklch
oklch(72.4% 0.114 50.4)

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

#E57248

Tangerine · Tomato · Warm Sun

HEX
#E57248
RGB
rgb(229, 114, 72)
HSL
hsl(16, 75%, 59%)
HSB
hsb(16, 69%, 90%)
CMYK
cmyk(0%, 50%, 69%, 10%)
Oklch
oklch(67.9% 0.154 40.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CEEBB0
CEB1EC

Analogous

ECEBB1
CEEBB0
B2ECB1

Triadic

CEEBB0
B1D0EC
ECB1D0

Split-Comp.

CEEBB0
B1B2EC
EBB1EC

Tetradic

CEEBB0
B1ECEB
CEB1EC
ECB1B2

Contrast Matrix WCAG 2.1 Contrast

CEEBB0
D4CD96
DAAF7C
DF9062
E57248
—
1.2
Fail
1.6
Fail
1.9
Fail
2.4
Fail
1.2
Fail
—
1.2
Fail
1.6
Fail
1.9
Fail
1.6
Fail
1.2
Fail
—
1.3
Fail
1.5
Fail
1.9
Fail
1.6
Fail
1.3
Fail
—
1.2
Fail
2.4
Fail
1.9
Fail
1.5
Fail
1.2
Fail
—
White BG
1.3Fail
1.6Fail
2.0Fail
2.5Fail
3.1AA Large
Black BG
16.1AAA
13.0AAA
10.4AAA
8.3AAA
6.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDBBE
D1D1A3
C7C788
BDBC6D
B3B252

Deuteranopia

D9D7C2
D1D2A7
CACD8B
C1C770
BAC255

Tritanopia

CFCACC
D4AEB0
D89294
DB7678
DF5A5C

Achromatopsia

DCDCDC
C9C9C9
B6B6B6
A2A2A2
909090

Shades & Tints Shades & Tints

#CEEBB0

Dark
Light

#D4CD96

Dark
Light

#DAAF7C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ceebb0;
  --color-2: #d4cd96;
  --color-3: #daaf7c;
  --color-4: #df9062;
  --color-5: #e57248;
}

SCSS

$color-1: #ceebb0;
$color-2: #d4cd96;
$color-3: #daaf7c;
$color-4: #df9062;
$color-5: #e57248;

TAILWIND

colors: {
  'brand-1': '#ceebb0',
  'brand-2': '#d4cd96',
  'brand-3': '#daaf7c',
  'brand-4': '#df9062',
  'brand-5': '#e57248',
}

RGB Array

[206, 235, 176], [212, 205, 150], [218, 175, 124], [223, 144, 98], [229, 114, 72]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CEEBB0, #D4CD96, #DAAF7C, #DF9062, #E57248 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: #ceebb0; --color-2: #d4cd96; --color-3: #daaf7c; --color-4: #df9062; --color-5: #e57248. 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