UI Shades

A study in yellow

Moccasin

#FFE4B5

Family
Yellow
L
0.930
C
0.068
H
81°

Notes

Moccasin is the warm tan of soft leather, named after the indigenous North American footwear. The CSS hex sits between Peach Puff and Wheat, with low chroma and a yellow-orange undertone. Outdoor, craft, and heritage brands use it as a quiet background. Pair with deep brown for type, or with muted forest green for a softer secondary accent. The warm cast makes it especially comfortable for product photography backgrounds in leather goods, handcrafts, and apparel. Body text contrast against white fails AA at every size - surface tone with dark text overlays.

#ffe4b5
Moccasin
Moccasin
#ffe4b5
oklch(0.93 0.068 81.38)
rgb(255 228 181)
hsl(38.1 100% 85.5%)
Share
#fff9ea
#fff2d9
#ffe4b5
#f5ce88
#daac56
#b1821d
#976a00
#7f5500
#5e3c00
#412800
#241300

See your palette on a real UI - coming soon

Preview these shades across buttons, cards, and components in a live interface.

Plate 02

Palette built around Moccasin

Cross-reference
Q&A

Frequently asked questions

What is Moccasin?

Moccasin is the warm tan of soft leather, named after the indigenous North American footwear. The CSS hex sits between Peach Puff and Wheat, with low chroma and a yellow-orange undertone. Its hex code is #FFE4B5.

What are the tints and shades of Moccasin?

uishades builds an 11-step OKLCH ramp for Moccasin (#FFE4B5) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.

What colors pair well with Moccasin?

Its complementary color is #D4E9FF. Triadic partners are #B2F6FB and #FDDAFF; analogous neighbours are #E9EDB9 and #FFDCC0.

What are the OKLCH and RGB values of Moccasin?

Moccasin is #FFE4B5 - OKLCH 0.930 0.068 81°, rgb(255 228 181), in the yellow family.