← Back to Editor

#C75066 · #DBCBB2 · #51561C · #264027 · #1A1F18

spring

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

#C75066

Crimson · MediumVioletRed · Passion Red

HEX
#C75066
RGB
rgb(199, 80, 102)
HSL
hsl(349, 52%, 55%)
HSB
hsb(349, 60%, 78%)
CMYK
cmyk(0%, 60%, 49%, 22%)
Oklch
oklch(59.3% 0.152 11.7)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#DBCBB2

Goose Yellow · Wheat · Peach Orange

HEX
#DBCBB2
RGB
rgb(219, 203, 178)
HSL
hsl(37, 36%, 78%)
HSB
hsb(37, 19%, 86%)
CMYK
cmyk(0%, 7%, 19%, 14%)
Oklch
oklch(84.9% 0.038 79.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#51561C

Autumn Sage · DarkOliveGreen · Amber Gold

HEX
#51561C
RGB
rgb(81, 86, 28)
HSL
hsl(65, 51%, 22%)
HSB
hsb(65, 67%, 34%)
CMYK
cmyk(6%, 0%, 67%, 66%)
Oklch
oklch(43.6% 0.080 113.9)

Traditional「Autumn Sage」· Paint「Amber Gold」· Creative Blush Sunrise

#264027

Celadon · DarkSlateGray · Dark Green

HEX
#264027
RGB
rgb(38, 64, 39)
HSL
hsl(122, 25%, 20%)
HSB
hsb(122, 41%, 25%)
CMYK
cmyk(41%, 0%, 39%, 75%)
Oklch
oklch(34.3% 0.054 145.2)

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

#1A1F18

Celadon · Black · Dark Green

HEX
#1A1F18
RGB
rgb(26, 31, 24)
HSL
hsl(103, 13%, 11%)
HSB
hsb(103, 23%, 12%)
CMYK
cmyk(16%, 0%, 23%, 88%)
Oklch
oklch(23.2% 0.015 136.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C75066
51C8B2

Analogous

C851A2
C75066
C87651

Triadic

C75066
66C851
5166C8

Split-Comp.

C75066
51C876
51A2C8

Tetradic

C75066
A2C851
51C8B2
7651C8

Contrast Matrix WCAG 2.1 Contrast

C75066
DBCBB2
51561C
264027
1A1F18
—
2.8
Fail
1.8
Fail
2.6
Fail
3.8
AA Large
2.8
Fail
—
4.9
AA
7.2
AAA
10.5
AAA
1.8
Fail
4.9
AA
—
1.5
Fail
2.2
Fail
2.6
Fail
7.2
AAA
1.5
Fail
—
1.5
Fail
3.8
AA Large
10.5
AAA
2.2
Fail
1.5
Fail
—
White BG
4.4AA Large
1.6Fail
7.8AAA
11.4AAA
16.8AAA
Black BG
4.8AA
13.2AAA
2.7Fail
1.8Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

939261
D4D4B8
53532A
31312D
1C1C1A

Deuteranopia

9AA35F
D5D6BA
53532D
302E2F
1C1C1A

Tritanopia

C15C5C
DABDBE
513538
273233
1A1B1B

Achromatopsia

767676
CDCDCD
4E4E4E
353535
1D1D1D

Shades & Tints Shades & Tints

#C75066

Dark
Light

#DBCBB2

Dark
Light

#51561C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c75066;
  --color-2: #dbcbb2;
  --color-3: #51561c;
  --color-4: #264027;
  --color-5: #1a1f18;
}

SCSS

$color-1: #c75066;
$color-2: #dbcbb2;
$color-3: #51561c;
$color-4: #264027;
$color-5: #1a1f18;

TAILWIND

colors: {
  'brand-1': '#c75066',
  'brand-2': '#dbcbb2',
  'brand-3': '#51561c',
  'brand-4': '#264027',
  'brand-5': '#1a1f18',
}

RGB Array

[199, 80, 102], [219, 203, 178], [81, 86, 28], [38, 64, 39], [26, 31, 24]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #C75066, #DBCBB2, #51561C, #264027, #1A1F18 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: #c75066; --color-2: #dbcbb2; --color-3: #51561c; --color-4: #264027; --color-5: #1a1f18. 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 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