#193824Evergreen
#4A7149Fern
#C8AC57Brass
#F4FDE4Beige

Concrete Brass & Fern color palette

ModernYellow
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Concrete Brass & Fern is a split color palette tagged modern, yellow. A split scheme: Evergreen plays against Beige across roughly 96° of hue. Saturation is moderate, which keeps it flexible for both interfaces and print.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Evergreen#193824rgb(25, 56, 36)hsl(141, 38%, 16%)oklch(31.0% 0.052 154)
Fern#4A7149rgb(74, 113, 73)hsl(118, 22%, 36%)oklch(50.8% 0.076 144)
Brass#C8AC57rgb(200, 172, 87)hsl(45, 51%, 56%)oklch(75.2% 0.110 91)
Beige#F4FDE4rgb(244, 253, 228)hsl(82, 86%, 94%)oklch(98.1% 0.034 123)

Why it works and how to use it

With 4 chromatic colors, Brass takes the lead while the rest support. Lightness runs from 16% to 94%. Well suited to websites, presentations and branding.

  • Background: Beige (#F4FDE4) is the lightest color, so it belongs on large surfaces.
  • Text: Evergreen (#193824) on #F4FDE4 gives 12.26:1, passing WCAG AAA.
  • Primary: Brass (#C8AC57) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Fern (#4A7149) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Evergreen on Beige at 12.26:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Concrete Brass & Fern

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

#193824
#4A7149
#C8AC57
#F4FDE4

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#193824 on #F4FDE4Aa12.26:1AAA
#193824 on #C8AC57Aa5.82:1AA
#4A7149 on #F4FDE4Aa5.34:1AA
#4A7149 on #C8AC57Aa2.53:1Fail
#193824 on #4A7149Aa2.3:1Fail
#C8AC57 on #F4FDE4Aa2.11:1Fail

Similar palettes 24 more in this mood

More modern palettes →More yellow palettes →