← Back to Editor

#FAE2A8 · #BDBF90 · #645E3D · #ED7739 · #F4ECC1

bright

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#FAE2A8

Goose Yellow · Wheat · Lemon Cream

HEX
#FAE2A8
RGB
rgb(250, 226, 168)
HSL
hsl(42, 89%, 82%)
HSB
hsb(42, 33%, 98%)
CMYK
cmyk(0%, 10%, 33%, 2%)
Oklch
oklch(91.9% 0.079 88.1)

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

#BDBF90

Fresh Green · Tan · Sunflower

HEX
#BDBF90
RGB
rgb(189, 191, 144)
HSL
hsl(63, 27%, 66%)
HSB
hsb(63, 25%, 75%)
CMYK
cmyk(1%, 0%, 25%, 25%)
Oklch
oklch(79.1% 0.063 109.8)

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

#645E3D

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#645E3D
RGB
rgb(100, 94, 61)
HSL
hsl(51, 24%, 32%)
HSB
hsb(51, 39%, 39%)
CMYK
cmyk(0%, 6%, 39%, 61%)
Oklch
oklch(47.9% 0.050 99.2)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#ED7739

Tangerine · Coral · Warm Sun

HEX
#ED7739
RGB
rgb(237, 119, 57)
HSL
hsl(21, 83%, 58%)
HSB
hsb(21, 76%, 93%)
CMYK
cmyk(0%, 50%, 76%, 7%)
Oklch
oklch(69.6% 0.164 45.8)

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

#F4ECC1

Fresh Green · Bisque · Lemon Cream

HEX
#F4ECC1
RGB
rgb(244, 236, 193)
HSL
hsl(51, 70%, 86%)
HSB
hsb(51, 21%, 96%)
CMYK
cmyk(0%, 3%, 21%, 4%)
Oklch
oklch(93.9% 0.057 98.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAE2A8
A8C1FA

Analogous

FAB9A8
FAE2A8
EAFAA8

Triadic

FAE2A8
A8FAE1
E1A8FA

Split-Comp.

FAE2A8
A8EAFA
B9A8FA

Tetradic

FAE2A8
A8FAB9
A8C1FA
FAA8EA

Contrast Matrix WCAG 2.1 Contrast

FAE2A8
BDBF90
645E3D
ED7739
F4ECC1
—
1.5
Fail
5.1
AA
2.3
Fail
1.1
Fail
1.5
Fail
—
3.4
AA Large
1.5
Fail
1.6
Fail
5.1
AA
3.4
AA Large
—
2.3
Fail
5.5
AA
2.3
Fail
1.5
Fail
2.3
Fail
—
2.4
Fail
1.1
Fail
1.6
Fail
5.5
AA
2.4
Fail
—
White BG
1.3Fail
1.9Fail
6.5AA
2.9Fail
1.2Fail
Black BG
16.5AAA
11.0AAA
3.2AA Large
7.3AAA
17.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0EFB6
BEBE9B
616145
BAB948
F1F0CB

Deuteranopia

F1F3B9
BEBE9E
626247
C1CA4C
F1F2CE

Tritanopia

F9C1C4
BDA4A6
644B4D
E75456
F4D4D5

Achromatopsia

E3E3E3
B9B9B9
5C5C5C
939393
E9E9E9

Shades & Tints Shades & Tints

#FAE2A8

Dark
Light

#BDBF90

Dark
Light

#645E3D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fae2a8;
  --color-2: #bdbf90;
  --color-3: #645e3d;
  --color-4: #ed7739;
  --color-5: #f4ecc1;
}

SCSS

$color-1: #fae2a8;
$color-2: #bdbf90;
$color-3: #645e3d;
$color-4: #ed7739;
$color-5: #f4ecc1;

TAILWIND

colors: {
  'brand-1': '#fae2a8',
  'brand-2': '#bdbf90',
  'brand-3': '#645e3d',
  'brand-4': '#ed7739',
  'brand-5': '#f4ecc1',
}

RGB Array

[250, 226, 168], [189, 191, 144], [100, 94, 61], [237, 119, 57], [244, 236, 193]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #FAE2A8, #BDBF90, #645E3D, #ED7739, #F4ECC1 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #fae2a8; --color-2: #bdbf90; --color-3: #645e3d; --color-4: #ed7739; --color-5: #f4ecc1. 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 bright-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