#F7F5EESmoke
#D7DCCBBone
#6E8A6AShadow
#2F4A38Evergreen

Forest & Cream Wedding color palette

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Smoke#F7F5EErgb(247, 245, 238)hsl(47, 36%, 95%)oklch(97.0% 0.010 94)
Bone#D7DCCBrgb(215, 220, 203)hsl(78, 20%, 83%)oklch(88.6% 0.023 120)
Shadow#6E8A6Argb(110, 138, 106)hsl(113, 13%, 48%)oklch(60.3% 0.057 142)
Evergreen#2F4A38rgb(47, 74, 56)hsl(140, 22%, 24%)oklch(38.2% 0.045 155)

Why it works and how to use it

Forest & Cream Wedding is an analogous color palette tagged wedding, winter, muted. Analogous neighbors on the wheel (Bone, Evergreen) give it a natural, low-tension flow. Saturation is moderate, which keeps it flexible for both interfaces and print.

It works because the lightness range is wide (24% to 95%), which gives clear hierarchy between background, content and accents. Try it for invitations and event branding.

  • Background: Smoke (#F7F5EE) is the lightest color, so it belongs on large surfaces.
  • Text: Evergreen (#2F4A38) on #F7F5EE gives 8.92:1, passing WCAG AAA.
  • Primary: Bone (#D7DCCB) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Shadow (#6E8A6A) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Smoke on Evergreen at 8.92:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Forest & Cream Wedding

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

#F7F5EE
#D7DCCB
#6E8A6A
#2F4A38

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

Palette card

Forest & Cream Wedding color palette card: Smoke #F7F5EE, Bone #D7DCCB, Shadow #6E8A6A, Evergreen #2F4A38
Save or share Forest & Cream Wedding as an image with its hex codes.

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#F7F5EE on #2F4A38Aa8.92:1AAA
#D7DCCB on #2F4A38Aa6.95:1AA
#F7F5EE on #6E8A6AAa3.5:1AA large only
#D7DCCB on #6E8A6AAa2.72:1Fail
#6E8A6A on #2F4A38Aa2.55:1Fail
#F7F5EE on #D7DCCBAa1.28:1Fail

Similar palettes 24 more in this mood