#297028Fern
#C08261Hazelnut
#E2C799Oat
#F2ECBEPeach

Fern & Hazelnut Glow color palette

Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Fern & Hazelnut Glow is a split color palette tagged warm, green, brown. A split scheme: Fern plays against Peach across roughly 98° of hue. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is warm.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Fern#297028rgb(41, 112, 40)hsl(119, 47%, 30%)oklch(48.4% 0.128 143)
Hazelnut#C08261rgb(192, 130, 97)hsl(21, 43%, 57%)oklch(66.2% 0.090 49)
Oat#E2C799rgb(226, 199, 153)hsl(38, 56%, 74%)oklch(84.1% 0.068 81)
Peach#F2ECBErgb(242, 236, 190)hsl(53, 67%, 85%)oklch(93.6% 0.060 101)

Why it works and how to use it

With 4 chromatic colors, Oat takes the lead while the rest support. Lightness runs from 30% to 85%. Well suited to websites, presentations and branding.

  • Background: Peach (#F2ECBE) is the lightest color, so it belongs on large surfaces.
  • Text: Fern (#297028) on #F2ECBE gives 5.09:1, passing WCAG AA.
  • Primary: Oat (#E2C799) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Hazelnut (#C08261) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Fern on Peach at 5.09:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Fern & Hazelnut Glow

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary
Card title
Card title
Card title
Roles are assigned by lightness.

Color blindness simulation

#297028
#C08261
#E2C799
#F2ECBE

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#297028 on #F2ECBEAa5.09:1AA
#297028 on #E2C799Aa3.74:1AA large only
#C08261 on #F2ECBEAa2.65:1Fail
#C08261 on #E2C799Aa1.95:1Fail
#297028 on #C08261Aa1.92:1Fail
#E2C799 on #F2ECBEAa1.36:1Fail

Similar palettes 24 more in this mood