← Back to Editor

#FBAA59 · #FAECD1 · #E6BAAD · #CB7679 · #070E2A

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

#FBAA59

Ginger · SandyBrown · Warm Sun

HEX
#FBAA59
RGB
rgb(251, 170, 89)
HSL
hsl(30, 95%, 67%)
HSB
hsb(30, 65%, 98%)
CMYK
cmyk(0%, 32%, 65%, 2%)
Oklch
oklch(80.2% 0.136 63.7)

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

#FAECD1

Goose Yellow · Beige · Lemon Cream

HEX
#FAECD1
RGB
rgb(250, 236, 209)
HSL
hsl(40, 80%, 90%)
HSB
hsb(40, 16%, 98%)
CMYK
cmyk(0%, 6%, 16%, 2%)
Oklch
oklch(94.7% 0.039 83.8)

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

#E6BAAD

Peach Pink · LightPink · Coral Red

HEX
#E6BAAD
RGB
rgb(230, 186, 173)
HSL
hsl(14, 53%, 79%)
HSB
hsb(14, 25%, 90%)
CMYK
cmyk(0%, 19%, 25%, 10%)
Oklch
oklch(82.4% 0.054 37.1)

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

#CB7679

Peach Pink · LightCoral · Coral Red

HEX
#CB7679
RGB
rgb(203, 118, 121)
HSL
hsl(358, 45%, 63%)
HSB
hsb(358, 42%, 80%)
CMYK
cmyk(0%, 42%, 40%, 20%)
Oklch
oklch(65.9% 0.107 18.1)

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

#070E2A

Indigo · Black · Deep Sea Blue

HEX
#070E2A
RGB
rgb(7, 14, 42)
HSL
hsl(228, 71%, 10%)
HSB
hsb(228, 83%, 16%)
CMYK
cmyk(83%, 67%, 0%, 84%)
Oklch
oklch(17.7% 0.058 268.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBAA59
5BABFB

Analogous

FB5B5B
FBAA59
FBFB5B

Triadic

FBAA59
5BFBAB
AB5BFB

Split-Comp.

FBAA59
5BFBFB
5B5BFB

Tetradic

FBAA59
5BFB5B
5BABFB
FB5BFB

Contrast Matrix WCAG 2.1 Contrast

FBAA59
FAECD1
E6BAAD
CB7679
070E2A
—
1.6
Fail
1.1
Fail
1.7
Fail
9.9
AAA
1.6
Fail
—
1.5
Fail
2.8
Fail
16.3
AAA
1.1
Fail
1.5
Fail
—
1.9
Fail
10.8
AAA
1.7
Fail
2.8
Fail
1.9
Fail
—
5.8
AA
9.9
AAA
16.3
AAA
10.8
AAA
5.8
AA
—
White BG
1.9Fail
1.2Fail
1.8Fail
3.3AA Large
19.0AAA
Black BG
11.0AAA
18.0AAA
12.0AAA
6.4AA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D76D
F4F4D8
D3D3B0
A6A578
0A0A23

Deuteranopia

DDE371
F5F6D9
D6D9B1
ABB278
0A0922

Tritanopia

F77C7F
F9DDDE
E4B3B3
C77878
071E1D

Achromatopsia

B9B9B9
EDEDED
C6C6C6
909090
0F0F0F

Shades & Tints Shades & Tints

#FBAA59

Dark
Light

#FAECD1

Dark
Light

#E6BAAD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbaa59;
  --color-2: #faecd1;
  --color-3: #e6baad;
  --color-4: #cb7679;
  --color-5: #070e2a;
}

SCSS

$color-1: #fbaa59;
$color-2: #faecd1;
$color-3: #e6baad;
$color-4: #cb7679;
$color-5: #070e2a;

TAILWIND

colors: {
  'brand-1': '#fbaa59',
  'brand-2': '#faecd1',
  'brand-3': '#e6baad',
  'brand-4': '#cb7679',
  'brand-5': '#070e2a',
}

RGB Array

[251, 170, 89], [250, 236, 209], [230, 186, 173], [203, 118, 121], [7, 14, 42]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FBAA59, #FAECD1, #E6BAAD, #CB7679, #070E2A 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: #fbaa59; --color-2: #faecd1; --color-3: #e6baad; --color-4: #cb7679; --color-5: #070e2a. 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