What are the hex codes in the Sunny Moss & Fern palette?

The Sunny Moss & Fern color palette consists of Licorice #1C1800, Fern #676500, Moss #9C8C35, Vanilla #E5E4A2.

How should I use the Sunny Moss & Fern palette on a website?

Use Vanilla #E5E4A2 as the background, Licorice #1C1800 for text, Fern #676500 for buttons and links, and Moss #9C8C35 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Licorice on Vanilla at 13.52:1.

Which colors in Sunny Moss & Fern have enough contrast for text?

The highest-contrast pair is #1C1800 on #E5E4A2 with a ratio of 13.52:1, which passes WCAG AA for normal text.

#1C1800Licorice

#676500Fern

#9C8C35Moss

#E5E4A2Vanilla

Sunny Moss & Fern color palette

Dark Warm Black Green

Open in generator

Ask AI about this palette: ChatGPT Claude Perplexity

Sunny Moss & Fern is a vivid dark, monochromatic color palette tagged dark, warm, black. All four colors sit within 8° of hue, so the scheme reads as one color explored across light and dark. These are bold, punchy colors that need generous white space around them. The overall temperature is warm.

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Licorice	`#1C1800`	`rgb(28, 24, 0)`	`hsl(51, 100%, 5%)`	`oklch(20.7% 0.043 101)`
Fern	`#676500`	`rgb(103, 101, 0)`	`hsl(59, 100%, 20%)`	`oklch(49.2% 0.106 108)`
Moss	`#9C8C35`	`rgb(156, 140, 53)`	`hsl(51, 49%, 41%)`	`oklch(63.7% 0.108 99)`
Vanilla	`#E5E4A2`	`rgb(229, 228, 162)`	`hsl(59, 56%, 77%)`	`oklch(90.4% 0.085 107)`

Why it works and how to use it

The palette holds together thanks to its monochromatic hue relationship and a strong light-to-dark ladder (77% down to 5% lightness). A natural fit for dark-mode interfaces and gaming.

Pair	Sample	Ratio	Level
`#1C1800` on `#E5E4A2`	Aa	13.52:1	AAA
`#1C1800` on `#9C8C35`	Aa	5.27:1	AA
`#676500` on `#E5E4A2`	Aa	4.64:1	AA
`#1C1800` on `#676500`	Aa	2.91:1	Fail
`#9C8C35` on `#E5E4A2`	Aa	2.57:1	Fail
`#676500` on `#9C8C35`	Aa	1.81:1	Fail

Sunny Moss & Fern color palette

Color codes click any value to copy

Why it works and how to use it

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

Design faster with Sunny Moss & Fern

Color blindness simulation

Contrast check WCAG ratios between palette colors

Similar palettes 24 more in this mood