#ECE7E4Eggshell
#00A0AECadet
#5F4F44Umber
#302823Espresso

New Season Cadet & Umber color palette

Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

New Season Cadet & Umber is a neutral-based color palette tagged 2026 trends, modern, dark. Cadet is the only saturated color here, so it does all the talking against a neutral base. Neither washed out nor loud, it adapts to most contexts. Warm and cool hues are mixed, which adds depth.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Eggshell#ECE7E4rgb(236, 231, 228)hsl(22, 17%, 91%)oklch(93.1% 0.007 53)
Cadet#00A0AErgb(0, 160, 174)hsl(185, 100%, 34%)oklch(64.4% 0.110 206)
Umber#5F4F44rgb(95, 79, 68)hsl(24, 17%, 32%)oklch(44.0% 0.028 56)
Espresso#302823rgb(48, 40, 35)hsl(23, 16%, 16%)oklch(28.4% 0.015 54)

Why it works and how to use it

The palette holds together thanks to its neutral backbone and a strong light-to-dark ladder (91% down to 16% lightness). A natural fit for websites, presentations and branding.

  • Background: Eggshell (#ECE7E4) is the lightest color, so it belongs on large surfaces.
  • Text: Espresso (#302823) on #ECE7E4 gives 11.78:1, passing WCAG AAA.
  • Primary: Cadet (#00A0AE) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Umber (#5F4F44) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Eggshell on Espresso at 11.78:1.

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

BrandFeaturesPricingBlogGet started

Design faster with New Season Cadet & Umber

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

#ECE7E4
#00A0AE
#5F4F44
#302823

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#ECE7E4 on #302823Aa11.78:1AAA
#ECE7E4 on #5F4F44Aa6.37:1AA
#00A0AE on #302823Aa4.57:1AA
#ECE7E4 on #00A0AEAa2.58:1Fail
#00A0AE on #5F4F44Aa2.47:1Fail
#5F4F44 on #302823Aa1.85:1Fail

Similar palettes 24 more in this mood