UI Shades

A study in orange

Bisque

#FFE4C4

Family
Orange
L
0.933
C
0.051
H
72°

Notes

Cooks know bisque as the rust-pink of lobster shellfish stock, and the CSS value lands in the same family: a warm, slightly orange off-cream. Cosmetics brands like Glossier built entire packaging systems around tones in this band because the warmth photographs as skin rather than as paper. Try it as a card background paired with deep espresso #3d2817 type and a single accent of muted teal; the trio reads as editorial without leaning twee. Against a cool grey like Slate 500 the yellow undertone clashes and the surface starts to look like a colour-management mistake rather than a choice.

#ffe4c4
Bisque
Bisque
#ffe4c4
oklch(0.933 0.051 71.85)
rgb(255 228 196)
hsl(32.5 100% 88.4%)
Share
#fff9ee
#fff2e0
#ffe4c4
#f4cd9e
#d8ab74
#ae8247
#95692e
#7d551c
#5c3c0c
#402703
#231301

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 Bisque

Cross-reference
Q&A

Frequently asked questions

What is Bisque?

Cooks know bisque as the rust-pink of lobster shellfish stock, and the CSS value lands in the same family: a warm, slightly orange off-cream. Cosmetics brands like Glossier built entire packaging systems around tones in this band because the warmth photographs as skin rather than as paper. Its hex code is #FFE4C4.

What are the tints and shades of Bisque?

uishades builds an 11-step OKLCH ramp for Bisque (#FFE4C4) - 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 Bisque?

Its complementary color is #D1ECFF. Triadic partners are #C2F4F1 and #F4E0FF; analogous neighbours are #EFEBC4 and #FFDECF.

What are the OKLCH and RGB values of Bisque?

Bisque is #FFE4C4 - OKLCH 0.933 0.051 72°, rgb(255 228 196), in the orange family.