← Back to Editor

#FFF2CE · #FCE6AD · #CEC8A4 · #1B3E2A · #010005

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#FFF2CE

Goose Yellow · Bisque · Lemon Cream

HEX
#FFF2CE
RGB
rgb(255, 242, 206)
HSL
hsl(44, 100%, 90%)
HSB
hsb(44, 19%, 100%)
CMYK
cmyk(0%, 5%, 19%, 0%)
Oklch
oklch(96.2% 0.049 90.5)

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

#FCE6AD

Goose Yellow · Wheat · Lemon Cream

HEX
#FCE6AD
RGB
rgb(252, 230, 173)
HSL
hsl(43, 93%, 83%)
HSB
hsb(43, 31%, 99%)
CMYK
cmyk(0%, 9%, 31%, 1%)
Oklch
oklch(92.9% 0.077 89.4)

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

#CEC8A4

Fresh Green · Tan · Sunflower

HEX
#CEC8A4
RGB
rgb(206, 200, 164)
HSL
hsl(51, 30%, 73%)
HSB
hsb(51, 20%, 81%)
CMYK
cmyk(0%, 3%, 20%, 19%)
Oklch
oklch(82.8% 0.049 99.5)

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

#1B3E2A

Celadon · DarkSlateGray · Dark Green

HEX
#1B3E2A
RGB
rgb(27, 62, 42)
HSL
hsl(146, 39%, 17%)
HSB
hsb(146, 56%, 24%)
CMYK
cmyk(56%, 0%, 32%, 76%)
Oklch
oklch(33.1% 0.054 156.6)

Traditional「Celadon」· Paint「Dark Green」· Creative Blush Sunrise

#010005

Deep Indigo · Black · Deep Sea Blue

HEX
#010005
RGB
rgb(1, 0, 5)
HSL
hsl(252, 100%, 1%)
HSB
hsb(252, 100%, 2%)
CMYK
cmyk(80%, 100%, 0%, 98%)
Oklch
oklch(6.0% 0.034 292.5)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFF2CE
CCDAFF

Analogous

FFD8CC
FFF2CE
F3FFCC

Triadic

FFF2CE
CCFFF1
F1CCFF

Split-Comp.

FFF2CE
CCF3FF
D8CCFF

Tetradic

FFF2CE
CCFFD8
CCDAFF
FFCCF3

Contrast Matrix WCAG 2.1 Contrast

FFF2CE
FCE6AD
CEC8A4
1B3E2A
010005
—
1.1
Fail
1.5
Fail
10.7
AAA
18.8
AAA
1.1
Fail
—
1.4
Fail
9.6
AAA
17.0
AAA
1.5
Fail
1.4
Fail
—
7.0
AAA
12.4
AAA
10.7
AAA
9.6
AAA
7.0
AAA
—
1.8
Fail
18.8
AAA
17.0
AAA
12.4
AAA
1.8
Fail
—
White BG
1.1Fail
1.2Fail
1.7Fail
11.9AAA
20.9AAA
Black BG
18.8AAA
17.1AAA
12.4AAA
1.8Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F9F9D7
F2F2BB
CBCBAD
2A2A2F
010104

Deuteranopia

FAFBD9
F4F5BE
CCCCAF
282630
010104

Tritanopia

FEDEDF
FBC6C8
CEB4B5
1D3334
010303

Achromatopsia

F2F2F2
E6E6E6
C6C6C6
313131
010101

Shades & Tints Shades & Tints

#FFF2CE

Dark
Light

#FCE6AD

Dark
Light

#CEC8A4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fff2ce;
  --color-2: #fce6ad;
  --color-3: #cec8a4;
  --color-4: #1b3e2a;
  --color-5: #010005;
}

SCSS

$color-1: #fff2ce;
$color-2: #fce6ad;
$color-3: #cec8a4;
$color-4: #1b3e2a;
$color-5: #010005;

TAILWIND

colors: {
  'brand-1': '#fff2ce',
  'brand-2': '#fce6ad',
  'brand-3': '#cec8a4',
  'brand-4': '#1b3e2a',
  'brand-5': '#010005',
}

RGB Array

[255, 242, 206], [252, 230, 173], [206, 200, 164], [27, 62, 42], [1, 0, 5]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #FFF2CE, #FCE6AD, #CEC8A4, #1B3E2A, #010005 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #fff2ce; --color-2: #fce6ad; --color-3: #cec8a4; --color-4: #1b3e2a; --color-5: #010005. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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