#C1E6AACeladon
#C6C978Sand
#ED9018Carrot
#C4A24FBrass

Carrot & Brass Drift color palette

SpringWarmGreenOrange
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Carrot & Brass Drift is a analogous color palette tagged spring, warm, green. Analogous neighbors on the wheel (Celadon, Sand, Carrot) give it a natural, low-tension flow. 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
Celadon#C1E6AArgb(193, 230, 170)hsl(97, 55%, 78%)oklch(88.3% 0.089 134)
Sand#C6C978rgb(198, 201, 120)hsl(62, 43%, 63%)oklch(81.5% 0.104 110)
Carrot#ED9018rgb(237, 144, 24)hsl(34, 86%, 51%)oklch(73.5% 0.160 64)
Brass#C4A24Frgb(196, 162, 79)hsl(43, 50%, 54%)oklch(72.6% 0.109 87)

Why it works and how to use it

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

  • Background: Celadon (#C1E6AA) is the lightest color, so it belongs on large surfaces.
  • Text: Carrot (#ED9018) on #C1E6AA gives 1.76:1, so pair it with a darker neutral for body copy.
  • Primary: Brass (#C4A24F) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Sand (#C6C978) for highlights, badges and hover states.

No pair inside the palette reaches 4.5:1, so add black or white for body text.

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

BrandFeaturesPricingBlogGet started

Design faster with Carrot & Brass Drift

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

#C1E6AA
#C6C978
#ED9018
#C4A24F

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#C1E6AA on #ED9018Aa1.76:1Fail
#C1E6AA on #C4A24FAa1.76:1Fail
#C6C978 on #ED9018Aa1.4:1Fail
#C6C978 on #C4A24FAa1.39:1Fail
#C1E6AA on #C6C978Aa1.26:1Fail
#ED9018 on #C4A24FAa1:1Fail

Similar palettes 24 more in this mood

More spring palettes →More warm palettes →More green palettes →More orange palettes →