What HEX colors are in the Clay Reef palette?

The Clay Reef palette uses #5D5838, #93A259, #82B37B, #EFE8D8. Its highest-contrast pair is 5.90:1.

Is the Clay Reef palette accessible for text?

Use #5D5838 on #93A259 for the strongest contrast. Always check the WCAG ratio before setting body copy.

#5D5838

#93A259

#82B37B

#EFE8D8

Clay Reef

Clay Reef is a balanced warm and cool balanced contrast palette built with yellow, lime, green, orange tones. Copy the HEX codes, download the palette image, save it to your collection, or open related palettes below.

0⬇ Image Link Copy

#5D5838

Yellow

#93A259

Lime

#82B37B

Green

#EFE8D8

Orange

MoodRustic feelEarthy shades with a handmade character.

ContrastBalanced contrastHelps decide how to use text, buttons, and backgrounds.

Main tonesyellow, lime, greenThe strongest color families in this palette.

Best fitHeritage designPackaging, cafés, labels, and editorial pages.

Related Palettes

Dahlia Meadow Atelier

0 Link Copy⬇ Image

0 Link Copy⬇ Image

Marble Canvas Gallery

0 Link Copy⬇ Image

Velvet Pulse Collection

0 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

Indigo Current Edition

0 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

Use this palette for

Clay Reef editorial spread Yellow heritage packaging Lime handmade tag Balanced warm and cool warm poster Vintage palettes Warm Clay Reef accents

Pairing tips

Background

Use #EFE8D8 for soft sections, cards, or open space.

Text and headings

Use #93A259 or a deeper nearby shade for readable type.

Accent color

Use #82B37B for buttons, labels, icons, or small highlights.

CSS variables

:root {
  --palette-color-1: #5D5838;
  --palette-color-2: #93A259;
  --palette-color-3: #82B37B;
  --palette-color-4: #EFE8D8;
}

Clay Reef colour names and contrast

Every value on this page is calculated from this palette's own HEX codes. The closest CSS named colour tells you what to call each shade, relative luminance shows how light or dark it truly is, and the contrast table shows which pairs are safe to set text in.

Swatch reference

Swatch	Closest named colour	Match	Luminance	Hue
#5D5838	Dark Olive Green	43 RGB pts	0.096	52°
#93A259	Dark Khaki	79 RGB pts	0.328	72°
#82B37B	Dark Sea Green	43 RGB pts	0.384	113°
#EFE8D8	Antique White	17 RGB pts	0.810	42°

Contrast ratios (WCAG 2.1)

Colour pair	Ratio	Body text	Large text
#5D5838 on #EFE8D8	5.90:1	AA	AAA
#5D5838 on #82B37B	2.98:1	fail	fail
#5D5838 on #93A259	2.59:1	fail	fail
#93A259 on #EFE8D8	2.28:1	fail	fail
#82B37B on #EFE8D8	1.98:1	fail	fail
#93A259 on #82B37B	1.15:1	fail	fail

What this means in practice

Highest contrast: #5D5838 against #EFE8D8 at 5.90:1 — the safest pair here for body copy.
Lowest contrast: #93A259 against #82B37B at 1.15:1 — decorative use only, it does not meet WCAG AA for text.
Darkest colour: #5D5838 (Dark Olive Green, luminance 0.096) — the natural choice for headings.
Lightest colour: #EFE8D8 (Antique White, luminance 0.810) — best used for backgrounds.
Hue spread: 71° across 4 of 4 colours, which makes this a split-complementary palette.
Text recommendation: set type in #5D5838 on a #EFE8D8 background, and reserve #93A259 for borders, icons or accents.

FAQ

What type of palette is Clay Reef?

It is a balanced warm and cool balanced contrast color palette with yellow, lime, green, orange tones.

Can this palette work for websites?

Yes. Use the lightest color for backgrounds, deeper colors for text, and mid tones for buttons or accents. Check the contrast table above before setting body copy.

Can I copy the HEX colors?

Yes. Use the copy buttons for the full palette or for a single color row.