← Back to Editor

#C9A991 · #2C2C2E · #C1C2AE · #D6CE83 · #E3D76B

spring

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

#C9A991

Apricot · Tan · Warm Sun

HEX
#C9A991
RGB
rgb(201, 169, 145)
HSL
hsl(26, 34%, 68%)
HSB
hsb(26, 28%, 79%)
CMYK
cmyk(0%, 16%, 28%, 21%)
Oklch
oklch(75.7% 0.050 58.8)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#2C2C2E

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#2C2C2E
RGB
rgb(44, 44, 46)
HSL
hsl(240, 2%, 18%)
HSB
hsb(240, 4%, 18%)
CMYK
cmyk(4%, 4%, 0%, 82%)
Oklch
oklch(29.4% 0.004 286.2)

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

#C1C2AE

Fresh Green · Silver · Sunflower

HEX
#C1C2AE
RGB
rgb(193, 194, 174)
HSL
hsl(63, 14%, 72%)
HSB
hsb(63, 10%, 76%)
CMYK
cmyk(1%, 0%, 10%, 24%)
Oklch
oklch(80.8% 0.027 109.3)

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

#D6CE83

Fresh Green · BurlyWood · Sunflower

HEX
#D6CE83
RGB
rgb(214, 206, 131)
HSL
hsl(54, 50%, 68%)
HSB
hsb(54, 39%, 84%)
CMYK
cmyk(0%, 4%, 39%, 16%)
Oklch
oklch(84.1% 0.096 103.0)

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

#E3D76B

Fresh Green · Khaki · Sunflower

HEX
#E3D76B
RGB
rgb(227, 215, 107)
HSL
hsl(54, 68%, 65%)
HSB
hsb(54, 53%, 89%)
CMYK
cmyk(0%, 5%, 53%, 11%)
Oklch
oklch(86.7% 0.130 103.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C9A991
92B1C9

Analogous

C99295
C9A991
C9C592

Triadic

C9A991
92C9AA
AA92C9

Split-Comp.

C9A991
92C9C5
9295C9

Tetradic

C9A991
95C992
92B1C9
C592C9

Contrast Matrix WCAG 2.1 Contrast

C9A991
2C2C2E
C1C2AE
D6CE83
E3D76B
—
6.3
AA
1.2
Fail
1.4
Fail
1.5
Fail
6.3
AA
—
7.7
AAA
8.6
AAA
9.4
AAA
1.2
Fail
7.7
AAA
—
1.1
Fail
1.2
Fail
1.4
Fail
8.6
AAA
1.1
Fail
—
1.1
Fail
1.5
Fail
9.4
AAA
1.2
Fail
1.1
Fail
—
White BG
2.2Fail
13.9AAA
1.8Fail
1.6Fail
1.5Fail
Black BG
9.6AAA
1.5Fail
11.6AAA
13.0AAA
14.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BBBB97
2C2C2E
C1C1B3
D3D295
DEDE85

Deuteranopia

BDBF98
2C2C2D
C1C1B4
D3D49A
DFDF8B

Tritanopia

C79B9C
2C2D2D
C1B7B8
D6A3A7
E29A9E

Achromatopsia

B0B0B0
2C2C2C
BFBFBF
C8C8C8
CECECE

Shades & Tints Shades & Tints

#C9A991

Dark
Light

#2C2C2E

Dark
Light

#C1C2AE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c9a991;
  --color-2: #2c2c2e;
  --color-3: #c1c2ae;
  --color-4: #d6ce83;
  --color-5: #e3d76b;
}

SCSS

$color-1: #c9a991;
$color-2: #2c2c2e;
$color-3: #c1c2ae;
$color-4: #d6ce83;
$color-5: #e3d76b;

TAILWIND

colors: {
  'brand-1': '#c9a991',
  'brand-2': '#2c2c2e',
  'brand-3': '#c1c2ae',
  'brand-4': '#d6ce83',
  'brand-5': '#e3d76b',
}

RGB Array

[201, 169, 145], [44, 44, 46], [193, 194, 174], [214, 206, 131], [227, 215, 107]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #C9A991, #2C2C2E, #C1C2AE, #D6CE83, #E3D76B 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: #c9a991; --color-2: #2c2c2e; --color-3: #c1c2ae; --color-4: #d6ce83; --color-5: #e3d76b. 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 spring-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