← Back to Editor

#C298F2 · #807B1A · #DDDA0F · #9F15BB · #DB0E95

nature

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

VibrantFreshWarmCool

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Landing PageMobile AppData Visualization

Color Details Color Details

#C298F2

Wisteria · Violet · Lilac Purple

HEX
#C298F2
RGB
rgb(194, 152, 242)
HSL
hsl(268, 78%, 77%)
HSB
hsb(268, 37%, 95%)
CMYK
cmyk(20%, 37%, 0%, 5%)
Oklch
oklch(75.2% 0.133 304.9)

Traditional「Wisteria」· Paint「Lilac Purple」· Creative Lavender Dream

#807B1A

Autumn Sage · Olive · Honey Gold

HEX
#807B1A
RGB
rgb(128, 123, 26)
HSL
hsl(57, 66%, 30%)
HSB
hsb(57, 80%, 50%)
CMYK
cmyk(0%, 4%, 80%, 50%)
Oklch
oklch(57.0% 0.113 106.4)

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

#DDDA0F

Autumn Sage · Gold · Honey Gold

HEX
#DDDA0F
RGB
rgb(221, 218, 15)
HSL
hsl(59, 87%, 46%)
HSB
hsb(59, 93%, 87%)
CMYK
cmyk(0%, 1%, 93%, 13%)
Oklch
oklch(86.3% 0.185 108.7)

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

#9F15BB

Royal Purple · DarkViolet · Violet

HEX
#9F15BB
RGB
rgb(159, 21, 187)
HSL
hsl(290, 80%, 41%)
HSB
hsb(290, 89%, 73%)
CMYK
cmyk(15%, 89%, 0%, 27%)
Oklch
oklch(51.8% 0.238 319.5)

Traditional「Royal Purple」· Paint「Violet」· Creative Blush Sunrise

#DB0E95

Rose Purple · MediumVioletRed · Camellia

HEX
#DB0E95
RGB
rgb(219, 14, 149)
HSL
hsl(320, 88%, 46%)
HSB
hsb(320, 94%, 86%)
CMYK
cmyk(0%, 94%, 32%, 14%)
Oklch
oklch(59.2% 0.243 348.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C298F2
C7F297

Analogous

979AF2
C298F2
EF97F2

Triadic

C298F2
F2C197
97F2C1

Split-Comp.

C298F2
F2EF97
9AF297

Tetradic

C298F2
F2979A
C7F297
97F2EF

Contrast Matrix WCAG 2.1 Contrast

C298F2
807B1A
DDDA0F
9F15BB
DB0E95
—
1.9
Fail
1.6
Fail
2.7
Fail
2.0
Fail
1.9
Fail
—
3.0
Fail
1.4
Fail
1.1
Fail
1.6
Fail
3.0
Fail
—
4.3
AA Large
3.1
AA Large
2.7
Fail
1.4
Fail
4.3
AA Large
—
1.4
Fail
2.0
Fail
1.1
Fail
3.1
AA Large
1.4
Fail
—
White BG
2.3Fail
4.4AA Large
1.5Fail
6.4AA
4.7AA
Black BG
9.1AAA
4.8AA
14.1AAA
3.3AA Large
4.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B0AFDC
7E7E31
DCDC40
636293
828074

Deuteranopia

B2B5D7
7E7F37
DCDC4C
6B7689
8E9D6D

Tritanopia

C0CBC7
804448
DD676F
98736C
D15B55

Achromatopsia

AFAFAF
717171
C4C4C4
515151
5B5B5B

Shades & Tints Shades & Tints

#C298F2

Dark
Light

#807B1A

Dark
Light

#DDDA0F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c298f2;
  --color-2: #807b1a;
  --color-3: #ddda0f;
  --color-4: #9f15bb;
  --color-5: #db0e95;
}

SCSS

$color-1: #c298f2;
$color-2: #807b1a;
$color-3: #ddda0f;
$color-4: #9f15bb;
$color-5: #db0e95;

TAILWIND

colors: {
  'brand-1': '#c298f2',
  'brand-2': '#807b1a',
  'brand-3': '#ddda0f',
  'brand-4': '#9f15bb',
  'brand-5': '#db0e95',
}

RGB Array

[194, 152, 242], [128, 123, 26], [221, 218, 15], [159, 21, 187], [219, 14, 149]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #C298F2, #807B1A, #DDDA0F, #9F15BB, #DB0E95 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #c298f2; --color-2: #807b1a; --color-3: #ddda0f; --color-4: #9f15bb; --color-5: #db0e95. 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 nature-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