← Back to Editor

#FEE9B0 · #E59FBD · #3F2E1C · #AAD0C6 · #FF9F38

space

A 5-color space 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

#FEE9B0

Goose Yellow · Wheat · Lemon Cream

HEX
#FEE9B0
RGB
rgb(254, 233, 176)
HSL
hsl(44, 98%, 84%)
HSB
hsb(44, 31%, 100%)
CMYK
cmyk(0%, 8%, 31%, 0%)
Oklch
oklch(93.8% 0.076 90.2)

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

#E59FBD

Rouge · LightPink · Cherry Blossom

HEX
#E59FBD
RGB
rgb(229, 159, 189)
HSL
hsl(334, 57%, 76%)
HSB
hsb(334, 31%, 90%)
CMYK
cmyk(0%, 31%, 17%, 10%)
Oklch
oklch(77.9% 0.091 352.1)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#3F2E1C

Ochre · DarkSlateGray · Cinnamon

HEX
#3F2E1C
RGB
rgb(63, 46, 28)
HSL
hsl(31, 38%, 18%)
HSB
hsb(31, 56%, 25%)
CMYK
cmyk(0%, 27%, 56%, 75%)
Oklch
oklch(31.6% 0.038 67.3)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#AAD0C6

Jade · LightSteelBlue · Lake Green

HEX
#AAD0C6
RGB
rgb(170, 208, 198)
HSL
hsl(164, 29%, 74%)
HSB
hsb(164, 18%, 82%)
CMYK
cmyk(18%, 0%, 5%, 18%)
Oklch
oklch(82.7% 0.043 177.4)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#FF9F38

Ginger · Coral · Warm Sun

HEX
#FF9F38
RGB
rgb(255, 159, 56)
HSL
hsl(31, 100%, 61%)
HSB
hsb(31, 78%, 100%)
CMYK
cmyk(0%, 38%, 78%, 0%)
Oklch
oklch(78.4% 0.159 62.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEE9B0
AEC4FE

Analogous

FEC1AE
FEE9B0
ECFEAE

Triadic

FEE9B0
AEFEE9
E9AEFE

Split-Comp.

FEE9B0
AEECFE
C1AEFE

Tetradic

FEE9B0
AEFEC1
AEC4FE
FEAEEC

Contrast Matrix WCAG 2.1 Contrast

FEE9B0
E59FBD
3F2E1C
AAD0C6
FF9F38
—
1.7
Fail
10.8
AAA
1.4
Fail
1.7
Fail
1.7
Fail
—
6.2
AA
1.3
Fail
1.0
Fail
10.8
AAA
6.2
AA
—
7.8
AAA
6.3
AA
1.4
Fail
1.3
Fail
7.8
AAA
—
1.2
Fail
1.7
Fail
1.0
Fail
6.3
AA
1.2
Fail
—
White BG
1.2Fail
2.1Fail
13.0AAA
1.7Fail
2.0Fail
Black BG
17.5AAA
10.0AAA
1.6Fail
12.5AAA
10.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F5F5BE
C7C6B6
383720
BABBC8
D5D551

Deuteranopia

F6F8C1
CBD0B4
393A21
B8B5C9
DBE257

Tritanopia

FDC9CB
E1B0AF
3E2425
ACCACB
FA6569

Achromatopsia

E9E9E9
B7B7B7
313131
C3C3C3
B0B0B0

Shades & Tints Shades & Tints

#FEE9B0

Dark
Light

#E59FBD

Dark
Light

#3F2E1C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fee9b0;
  --color-2: #e59fbd;
  --color-3: #3f2e1c;
  --color-4: #aad0c6;
  --color-5: #ff9f38;
}

SCSS

$color-1: #fee9b0;
$color-2: #e59fbd;
$color-3: #3f2e1c;
$color-4: #aad0c6;
$color-5: #ff9f38;

TAILWIND

colors: {
  'brand-1': '#fee9b0',
  'brand-2': '#e59fbd',
  'brand-3': '#3f2e1c',
  'brand-4': '#aad0c6',
  'brand-5': '#ff9f38',
}

RGB Array

[254, 233, 176], [229, 159, 189], [63, 46, 28], [170, 208, 198], [255, 159, 56]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #FEE9B0, #E59FBD, #3F2E1C, #AAD0C6, #FF9F38 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: #fee9b0; --color-2: #e59fbd; --color-3: #3f2e1c; --color-4: #aad0c6; --color-5: #ff9f38. 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 space-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