← Back to Editor

#FFFDCD · #BEBE98 · #91957C · #AA2657 · #2B1517

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

#FFFDCD

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFDCD
RGB
rgb(255, 253, 205)
HSL
hsl(58, 100%, 90%)
HSB
hsb(58, 20%, 100%)
CMYK
cmyk(0%, 1%, 20%, 0%)
Oklch
oklch(98.4% 0.062 105.5)

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

#BEBE98

Fresh Green · Tan · Sunflower

HEX
#BEBE98
RGB
rgb(190, 190, 152)
HSL
hsl(60, 23%, 67%)
HSB
hsb(60, 20%, 75%)
CMYK
cmyk(0%, 0%, 20%, 25%)
Oklch
oklch(79.2% 0.052 107.5)

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

#91957C

Grass Green · Gray · Olive Green

HEX
#91957C
RGB
rgb(145, 149, 124)
HSL
hsl(70, 11%, 54%)
HSB
hsb(70, 17%, 58%)
CMYK
cmyk(3%, 0%, 17%, 42%)
Oklch
oklch(66.0% 0.036 114.8)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#AA2657

Dark Violet · Brown · Camellia

HEX
#AA2657
RGB
rgb(170, 38, 87)
HSL
hsl(338, 63%, 41%)
HSB
hsb(338, 78%, 67%)
CMYK
cmyk(0%, 78%, 49%, 33%)
Oklch
oklch(49.6% 0.170 3.9)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#2B1517

Crimson · Black · Deep Berry

HEX
#2B1517
RGB
rgb(43, 21, 23)
HSL
hsl(355, 34%, 13%)
HSB
hsb(355, 51%, 17%)
CMYK
cmyk(0%, 51%, 47%, 83%)
Oklch
oklch(22.8% 0.036 14.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFFDCD
CCCEFF

Analogous

FFE4CC
FFFDCD
E7FFCC

Triadic

FFFDCD
CCFFFD
FDCCFF

Split-Comp.

FFFDCD
CCE7FF
E4CCFF

Tetradic

FFFDCD
CCFFE4
CCCEFF
FFCCE7

Contrast Matrix WCAG 2.1 Contrast

FFFDCD
BEBE98
91957C
AA2657
2B1517
—
1.8
Fail
3.0
Fail
6.5
AA
16.5
AAA
1.8
Fail
—
1.6
Fail
3.5
AA Large
9.0
AAA
3.0
Fail
1.6
Fail
—
2.2
Fail
5.6
AA
6.5
AA
3.5
AA Large
2.2
Fail
—
2.6
Fail
16.5
AAA
9.0
AAA
5.6
AA
2.6
Fail
—
White BG
1.0Fail
1.9Fail
3.1AA Large
6.7AA
17.2AAA
Black BG
20.2AAA
11.0AAA
6.8AA
3.1AA Large
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

FEFED9
BEBEA1
939382
71704B
212117

Deuteranopia

FEFEDB
BEBEA3
939284
798248
232416

Tritanopia

FFE2E4
BEA8AA
918788
A34240
2A1616

Achromatopsia

F8F8F8
BABABA
919191
535353
1C1C1C

Shades & Tints Shades & Tints

#FFFDCD

Dark
Light

#BEBE98

Dark
Light

#91957C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fffdcd;
  --color-2: #bebe98;
  --color-3: #91957c;
  --color-4: #aa2657;
  --color-5: #2b1517;
}

SCSS

$color-1: #fffdcd;
$color-2: #bebe98;
$color-3: #91957c;
$color-4: #aa2657;
$color-5: #2b1517;

TAILWIND

colors: {
  'brand-1': '#fffdcd',
  'brand-2': '#bebe98',
  'brand-3': '#91957c',
  'brand-4': '#aa2657',
  'brand-5': '#2b1517',
}

RGB Array

[255, 253, 205], [190, 190, 152], [145, 149, 124], [170, 38, 87], [43, 21, 23]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFFDCD, #BEBE98, #91957C, #AA2657, #2B1517 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: #fffdcd; --color-2: #bebe98; --color-3: #91957c; --color-4: #aa2657; --color-5: #2b1517. 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 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