#B9C989Sand
#AC9D68Camel
#75490BSepia
#2C0B00Licorice

Sepia & Sand Vibe color palette

CoffeeDarkMutedWarmEarthyBeigeBrownBlack
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Sepia & Sand Vibe is a vivid dark, analogous color palette tagged coffee, dark, muted. The hues stay within 60° of each other on the color wheel, which is why the palette feels cohesive rather than busy. These are bold, punchy colors that need generous white space around them. The overall temperature is warm.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Sand#B9C989rgb(185, 201, 137)hsl(75, 37%, 66%)oklch(80.8% 0.087 120)
Camel#AC9D68rgb(172, 157, 104)hsl(47, 29%, 54%)oklch(69.6% 0.073 94)
Sepia#75490Brgb(117, 73, 11)hsl(35, 83%, 25%)oklch(44.6% 0.092 68)
Licorice#2C0B00rgb(44, 11, 0)hsl(15, 100%, 9%)oklch(20.4% 0.060 43)

Why it works and how to use it

With 4 chromatic colors, Sepia takes the lead while the rest support. Lightness runs from 9% to 66%. Well suited to wellness, organic and outdoor brands.

  • Background: Sand (#B9C989) is the lightest color, so it belongs on large surfaces.
  • Text: Licorice (#2C0B00) on #B9C989 gives 10.2:1, passing WCAG AAA.
  • Primary: Sepia (#75490B) is the most saturated mid-tone; use it for buttons and links (4.34:1 against the background, fine for UI elements).
  • Accent: Camel (#AC9D68) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Sand on Licorice at 10.2:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Sepia & Sand Vibe

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

#B9C989
#AC9D68
#75490B
#2C0B00

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#B9C989 on #2C0B00Aa10.2:1AAA
#AC9D68 on #2C0B00Aa6.73:1AA
#B9C989 on #75490BAa4.34:1AA large only
#AC9D68 on #75490BAa2.87:1Fail
#75490B on #2C0B00Aa2.35:1Fail
#B9C989 on #AC9D68Aa1.51:1Fail

Similar palettes 24 more in this mood

More coffee palettes →More dark palettes →More muted palettes →More warm palettes →More earthy palettes →More beige palettes →More brown palettes →More black palettes →