← Back to Editor

#FEFDED · #AAAE93 · #2D343C · #350023 · #060A07

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#FEFDED

Fresh Green · SeaShell · Lemon Cream

HEX
#FEFDED
RGB
rgb(254, 253, 237)
HSL
hsl(56, 89%, 96%)
HSB
hsb(56, 7%, 100%)
CMYK
cmyk(0%, 0%, 7%, 0%)
Oklch
oklch(99.1% 0.021 103.9)

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

#AAAE93

Fresh Green · DarkGray · Sunflower

HEX
#AAAE93
RGB
rgb(170, 174, 147)
HSL
hsl(69, 14%, 63%)
HSB
hsb(69, 16%, 68%)
CMYK
cmyk(2%, 0%, 16%, 32%)
Oklch
oklch(74.0% 0.038 114.2)

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

#2D343C

Indigo · DarkSlateGray · Prussian Blue

HEX
#2D343C
RGB
rgb(45, 52, 60)
HSL
hsl(212, 14%, 21%)
HSB
hsb(212, 25%, 24%)
CMYK
cmyk(25%, 13%, 0%, 76%)
Oklch
oklch(32.2% 0.017 251.8)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#350023

Rose Purple · Black · Raspberry

HEX
#350023
RGB
rgb(53, 0, 35)
HSL
hsl(320, 100%, 10%)
HSB
hsb(320, 100%, 21%)
CMYK
cmyk(0%, 100%, 34%, 79%)
Oklch
oklch(21.9% 0.093 346.1)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#060A07

Celadon · Black · Dark Green

HEX
#060A07
RGB
rgb(6, 10, 7)
HSL
hsl(135, 25%, 3%)
HSB
hsb(135, 40%, 4%)
CMYK
cmyk(40%, 0%, 30%, 96%)
Oklch
oklch(13.8% 0.010 153.6)

Traditional「Celadon」· Paint「Dark Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEFDED
ECEDFE

Analogous

FEF4EC
FEFDED
F6FEEC

Triadic

FEFDED
ECFEFD
FDECFE

Split-Comp.

FEFDED
ECF6FE
F4ECFE

Tetradic

FEFDED
ECFEF4
ECEDFE
FEECF6

Contrast Matrix WCAG 2.1 Contrast

FEFDED
AAAE93
2D343C
350023
060A07
—
2.2
Fail
12.3
AAA
17.4
AAA
19.4
AAA
2.2
Fail
—
5.5
AA
7.8
AAA
8.7
AAA
12.3
AAA
5.5
AA
—
1.4
Fail
1.6
Fail
17.4
AAA
7.8
AAA
1.4
Fail
—
1.1
Fail
19.4
AAA
8.7
AAA
1.6
Fail
1.1
Fail
—
White BG
1.0Fail
2.3Fail
12.6AAA
17.9AAA
19.9AAA
Black BG
20.5AAA
9.2AAA
1.7Fail
1.2Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

FEFEF1
ACAC9A
30303A
1E1E1B
080808

Deuteranopia

FEFEF2
ACAB9B
302F3A
212519
080708

Tritanopia

FEF4F5
AA9FA0
2D3938
321412
060808

Achromatopsia

FBFBFB
AAAAAA
333333
141414
080808

Shades & Tints Shades & Tints

#FEFDED

Dark
Light

#AAAE93

Dark
Light

#2D343C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fefded;
  --color-2: #aaae93;
  --color-3: #2d343c;
  --color-4: #350023;
  --color-5: #060a07;
}

SCSS

$color-1: #fefded;
$color-2: #aaae93;
$color-3: #2d343c;
$color-4: #350023;
$color-5: #060a07;

TAILWIND

colors: {
  'brand-1': '#fefded',
  'brand-2': '#aaae93',
  'brand-3': '#2d343c',
  'brand-4': '#350023',
  'brand-5': '#060a07',
}

RGB Array

[254, 253, 237], [170, 174, 147], [45, 52, 60], [53, 0, 35], [6, 10, 7]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FEFDED, #AAAE93, #2D343C, #350023, #060A07 is ideal for: tech websites, dark mode UIs, game UIs, 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: #fefded; --color-2: #aaae93; --color-3: #2d343c; --color-4: #350023; --color-5: #060a07. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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