← Back to Editor

#CEE4CF · #400001 · #A92812 · #E49F8F · #F9D3C0

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#CEE4CF

Celadon · LightGray · Mint Green

HEX
#CEE4CF
RGB
rgb(206, 228, 207)
HSL
hsl(123, 29%, 85%)
HSB
hsb(123, 10%, 89%)
CMYK
cmyk(10%, 0%, 9%, 11%)
Oklch
oklch(89.7% 0.037 146.5)

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

#400001

Vermilion · Black · Deep Berry

HEX
#400001
RGB
rgb(64, 0, 1)
HSL
hsl(359, 100%, 13%)
HSB
hsb(359, 100%, 25%)
CMYK
cmyk(0%, 100%, 98%, 75%)
Oklch
oklch(23.3% 0.095 28.2)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#A92812

Vermilion · FireBrick · Wine Red

HEX
#A92812
RGB
rgb(169, 40, 18)
HSL
hsl(9, 81%, 37%)
HSB
hsb(9, 89%, 66%)
CMYK
cmyk(0%, 76%, 89%, 34%)
Oklch
oklch(48.4% 0.169 32.1)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#E49F8F

Peach Pink · DarkSalmon · Coral Red

HEX
#E49F8F
RGB
rgb(228, 159, 143)
HSL
hsl(11, 61%, 73%)
HSB
hsb(11, 37%, 89%)
CMYK
cmyk(0%, 30%, 37%, 11%)
Oklch
oklch(76.5% 0.086 33.5)

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

#F9D3C0

Apricot · Wheat · Peach Orange

HEX
#F9D3C0
RGB
rgb(249, 211, 192)
HSL
hsl(20, 83%, 86%)
HSB
hsb(20, 23%, 98%)
CMYK
cmyk(0%, 15%, 23%, 2%)
Oklch
oklch(89.4% 0.050 48.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CEE4CF
E4CEE3

Analogous

D8E4CE
CEE4CF
CEE4DA

Triadic

CEE4CF
CFCEE4
E4CFCE

Split-Comp.

CEE4CF
DACEE4
E4CED8

Tetradic

CEE4CF
CED8E4
E4CEE3
E4DACE

Contrast Matrix WCAG 2.1 Contrast

CEE4CF
400001
A92812
E49F8F
F9D3C0
—
12.8
AAA
5.2
AA
1.6
Fail
1.0
Fail
12.8
AAA
—
2.5
Fail
7.9
AAA
12.4
AAA
5.2
AA
2.5
Fail
—
3.2
AA Large
5.0
AA
1.6
Fail
7.9
AAA
3.2
AA Large
—
1.6
Fail
1.0
Fail
12.4
AAA
5.0
AA
1.6
Fail
—
White BG
1.3Fail
17.2AAA
7.0AAA
2.2Fail
1.4Fail
Black BG
15.6AAA
1.2Fail
3.0Fail
9.7AAA
15.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D8D4
242401
717017
C6C693
E9E8C5

Deuteranopia

D6D5D5
282D01
798219
CACF94
EBEEC6

Tritanopia

CFD8D9
3D0101
A31C1C
E19697
F7C8C9

Achromatopsia

DBDBDB
131313
4C4C4C
B2B2B2
DCDCDC

Shades & Tints Shades & Tints

#CEE4CF

Dark
Light

#400001

Dark
Light

#A92812

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cee4cf;
  --color-2: #400001;
  --color-3: #a92812;
  --color-4: #e49f8f;
  --color-5: #f9d3c0;
}

SCSS

$color-1: #cee4cf;
$color-2: #400001;
$color-3: #a92812;
$color-4: #e49f8f;
$color-5: #f9d3c0;

TAILWIND

colors: {
  'brand-1': '#cee4cf',
  'brand-2': '#400001',
  'brand-3': '#a92812',
  'brand-4': '#e49f8f',
  'brand-5': '#f9d3c0',
}

RGB Array

[206, 228, 207], [64, 0, 1], [169, 40, 18], [228, 159, 143], [249, 211, 192]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CEE4CF, #400001, #A92812, #E49F8F, #F9D3C0 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: #cee4cf; --color-2: #400001; --color-3: #a92812; --color-4: #e49f8f; --color-5: #f9d3c0. 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 general-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