#F3EFEALinen
#C7B7A7Putty
#6D5D45Coffee
#1F1B15Raisin

New Season Coffee & Putty color palette

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Linen#F3EFEArgb(243, 239, 234)hsl(33, 27%, 94%)oklch(95.4% 0.008 74)
Putty#C7B7A7rgb(199, 183, 167)hsl(30, 22%, 72%)oklch(78.8% 0.029 67)
Coffee#6D5D45rgb(109, 93, 69)hsl(36, 22%, 35%)oklch(48.7% 0.042 78)
Raisin#1F1B15rgb(31, 27, 21)hsl(36, 19%, 10%)oklch(22.5% 0.013 78)

Why it works and how to use it

New Season Coffee & Putty is a monochromatic color palette tagged dark, minimal, white. All four colors sit within 6° of hue, so the scheme reads as one color explored across light and dark. Neither washed out nor loud, it adapts to most contexts. The overall temperature is warm.

With 4 chromatic colors, Putty takes the lead while the rest support. Lightness runs from 10% to 94%. Well suited to websites, presentations and branding.

  • Background: Linen (#F3EFEA) is the lightest color, so it belongs on large surfaces.
  • Text: Raisin (#1F1B15) on #F3EFEA gives 14.97:1, passing WCAG AAA.
  • Primary: Putty (#C7B7A7) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Coffee (#6D5D45) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Linen on Raisin at 14.97:1.

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

BrandFeaturesPricingBlogGet started

Design faster with New Season Coffee & Putty

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

#F3EFEA
#C7B7A7
#6D5D45
#1F1B15

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

Palette card

New Season Coffee & Putty color palette card: Linen #F3EFEA, Putty #C7B7A7, Coffee #6D5D45, Raisin #1F1B15
Save or share New Season Coffee & Putty as an image with its hex codes.

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#F3EFEA on #1F1B15Aa14.97:1AAA
#C7B7A7 on #1F1B15Aa8.78:1AAA
#F3EFEA on #6D5D45Aa5.56:1AA
#C7B7A7 on #6D5D45Aa3.26:1AA large only
#6D5D45 on #1F1B15Aa2.69:1Fail
#F3EFEA on #C7B7A7Aa1.71:1Fail

Similar palettes 24 more in this mood