← Back to Editor

#2A2B26 · #FFF7CA · #D6F599 · #BEE377 · #ACE4D2

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

#2A2B26

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#2A2B26
RGB
rgb(42, 43, 38)
HSL
hsl(72, 6%, 16%)
HSB
hsb(72, 12%, 17%)
CMYK
cmyk(2%, 0%, 12%, 83%)
Oklch
oklch(28.6% 0.009 116.2)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#FFF7CA

Fresh Green · Bisque · Lemon Cream

HEX
#FFF7CA
RGB
rgb(255, 247, 202)
HSL
hsl(51, 100%, 90%)
HSB
hsb(51, 21%, 100%)
CMYK
cmyk(0%, 3%, 21%, 0%)
Oklch
oklch(97.1% 0.059 99.0)

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

#D6F599

Willow Green · Khaki · Apple Green

HEX
#D6F599
RGB
rgb(214, 245, 153)
HSL
hsl(80, 82%, 78%)
HSB
hsb(80, 38%, 96%)
CMYK
cmyk(13%, 0%, 38%, 4%)
Oklch
oklch(92.7% 0.122 123.9)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#BEE377

Willow Green · LightGreen · Apple Green

HEX
#BEE377
RGB
rgb(190, 227, 119)
HSL
hsl(81, 66%, 68%)
HSB
hsb(81, 48%, 89%)
CMYK
cmyk(16%, 0%, 48%, 11%)
Oklch
oklch(86.6% 0.142 124.8)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#ACE4D2

Jade · LightBlue · Glacier Blue

HEX
#ACE4D2
RGB
rgb(172, 228, 210)
HSL
hsl(161, 51%, 78%)
HSB
hsb(161, 25%, 89%)
CMYK
cmyk(25%, 0%, 8%, 11%)
Oklch
oklch(87.5% 0.062 173.0)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2A2B26
27262B

Analogous

2B2A26
2A2B26
282B26

Triadic

2A2B26
262A2B
2B262A

Split-Comp.

2A2B26
26282B
2A262B

Tetradic

2A2B26
262B2A
27262B
2B2628

Contrast Matrix WCAG 2.1 Contrast

2A2B26
FFF7CA
D6F599
BEE377
ACE4D2
—
13.2
AAA
11.8
AAA
9.8
AAA
10.0
AAA
13.2
AAA
—
1.1
Fail
1.3
Fail
1.3
Fail
11.8
AAA
1.1
Fail
—
1.2
Fail
1.2
Fail
9.8
AAA
1.3
Fail
1.2
Fail
—
1.0
Fail
10.0
AAA
1.3
Fail
1.2
Fail
1.0
Fail
—
White BG
14.3AAA
1.1Fail
1.2Fail
1.5Fail
1.4Fail
Black BG
1.5Fail
19.4AAA
17.4AAA
14.4AAA
14.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2A2A27
FCFBD5
E3E4AF
CECE91
C4C5D6

Deuteranopia

2A2A28
FCFDD7
E2DFB5
CCC997
C1BDD7

Tritanopia

2A2828
FFDDDF
D8C1C5
C0A6AA
AFDADB

Achromatopsia

2A2A2A
F4F4F4
E1E1E1
CCCCCC
D1D1D1

Shades & Tints Shades & Tints

#2A2B26

Dark
Light

#FFF7CA

Dark
Light

#D6F599

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2a2b26;
  --color-2: #fff7ca;
  --color-3: #d6f599;
  --color-4: #bee377;
  --color-5: #ace4d2;
}

SCSS

$color-1: #2a2b26;
$color-2: #fff7ca;
$color-3: #d6f599;
$color-4: #bee377;
$color-5: #ace4d2;

TAILWIND

colors: {
  'brand-1': '#2a2b26',
  'brand-2': '#fff7ca',
  'brand-3': '#d6f599',
  'brand-4': '#bee377',
  'brand-5': '#ace4d2',
}

RGB Array

[42, 43, 38], [255, 247, 202], [214, 245, 153], [190, 227, 119], [172, 228, 210]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2A2B26, #FFF7CA, #D6F599, #BEE377, #ACE4D2 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #2a2b26; --color-2: #fff7ca; --color-3: #d6f599; --color-4: #bee377; --color-5: #ace4d2. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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