← Back to Editor

#FDF7A1 · #3C926B · #00614D · #002815 · #001608

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

#FDF7A1

Fresh Green · Khaki · Lemon Cream

HEX
#FDF7A1
RGB
rgb(253, 247, 161)
HSL
hsl(56, 96%, 81%)
HSB
hsb(56, 36%, 99%)
CMYK
cmyk(0%, 2%, 36%, 1%)
Oklch
oklch(96.2% 0.107 104.8)

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

#3C926B

Mineral Blue · SeaGreen · Forest Green

HEX
#3C926B
RGB
rgb(60, 146, 107)
HSL
hsl(153, 42%, 40%)
HSB
hsb(153, 59%, 57%)
CMYK
cmyk(59%, 0%, 27%, 43%)
Oklch
oklch(59.6% 0.103 161.1)

Traditional「Mineral Blue」· Paint「Forest Green」· Creative Blush Sunrise

#00614D

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#00614D
RGB
rgb(0, 97, 77)
HSL
hsl(168, 100%, 19%)
HSB
hsb(168, 100%, 38%)
CMYK
cmyk(100%, 0%, 21%, 62%)
Oklch
oklch(43.9% 0.085 172.3)

Traditional「Mineral Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#002815

Mineral Blue · Black · Dark Green

HEX
#002815
RGB
rgb(0, 40, 21)
HSL
hsl(152, 100%, 8%)
HSB
hsb(152, 100%, 16%)
CMYK
cmyk(100%, 0%, 47%, 84%)
Oklch
oklch(24.4% 0.057 157.7)

Traditional「Mineral Blue」· Paint「Dark Green」· Creative Blush Sunrise

#001608

Pine Green · Black · Dark Green

HEX
#001608
RGB
rgb(0, 22, 8)
HSL
hsl(142, 100%, 4%)
HSB
hsb(142, 100%, 9%)
CMYK
cmyk(100%, 0%, 64%, 91%)
Oklch
oklch(17.6% 0.043 155.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FDF7A1
A0A6FD

Analogous

FDC8A0
FDF7A1
D5FDA0

Triadic

FDF7A1
A0FDF7
F7A0FD

Split-Comp.

FDF7A1
A0D5FD
C8A0FD

Tetradic

FDF7A1
A0FDC8
A0A6FD
FDA0D5

Contrast Matrix WCAG 2.1 Contrast

FDF7A1
3C926B
00614D
002815
001608
—
3.4
AA Large
6.7
AA
14.5
AAA
17.0
AAA
3.4
AA Large
—
2.0
Fail
4.2
AA Large
4.9
AA
6.7
AA
2.0
Fail
—
2.1
Fail
2.5
Fail
14.5
AAA
4.2
AA Large
2.1
Fail
—
1.2
Fail
17.0
AAA
4.9
AA
2.5
Fail
1.2
Fail
—
White BG
1.1Fail
3.8AA Large
7.5AAA
16.0AAA
18.8AAA
Black BG
19.0AAA
5.5AA
2.8Fail
1.3Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

FAFAB6
616274
2A2B52
11121A
0A0A0B

Deuteranopia

FBFBBB
5C5677
241D53
0F0C1B
08070C

Tritanopia

FDC6CA
407C7E
055657
021D1E
010E0F

Achromatopsia

EFEFEF
747474
424242
1A1A1A
0E0E0E

Shades & Tints Shades & Tints

#FDF7A1

Dark
Light

#3C926B

Dark
Light

#00614D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fdf7a1;
  --color-2: #3c926b;
  --color-3: #00614d;
  --color-4: #002815;
  --color-5: #001608;
}

SCSS

$color-1: #fdf7a1;
$color-2: #3c926b;
$color-3: #00614d;
$color-4: #002815;
$color-5: #001608;

TAILWIND

colors: {
  'brand-1': '#fdf7a1',
  'brand-2': '#3c926b',
  'brand-3': '#00614d',
  'brand-4': '#002815',
  'brand-5': '#001608',
}

RGB Array

[253, 247, 161], [60, 146, 107], [0, 97, 77], [0, 40, 21], [0, 22, 8]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FDF7A1, #3C926B, #00614D, #002815, #001608 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #fdf7a1; --color-2: #3c926b; --color-3: #00614d; --color-4: #002815; --color-5: #001608. 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 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