UI Shades

A study in green

Honeydew

#F0FFF0

Family
Green
L
0.985
C
0.025
H
145°

Notes

Honeydew is a pale, slightly green-tinted off-white named after the melon. The CSS hex is one of the quieter pastels in the spec and works well as a calm background for wellness, food, and skincare brands. It pairs with deep green for type, or with terracotta for a softer secondary accent. Two Honeydew surfaces sitting adjacent will read as identical in dim viewing conditions, so use it as a single-layer background rather than for layered surfaces. The cool tint distinguishes it from warm off-whites like Floral White or Seashell, which carry yellow undertones instead.

#f0fff0
Honeydew
Honeydew
#f0fff0
oklch(0.985 0.025 145.38)
rgb(240 255 240)
hsl(120 100% 97.1%)
Share
#f0fff0
#e3fce3
#c6f4c6
#a5e8a7
#7acb7f
#4ca153
#31883b
#1c7129
#0b5218
#01380b
#001e04

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 Honeydew

Cross-reference
Q&A

Frequently asked questions

What is Honeydew?

Honeydew is a pale, slightly green-tinted off-white named after the melon. The CSS hex is one of the quieter pastels in the spec and works well as a calm background for wellness, food, and skincare brands. Its hex code is #F0FFF0.

What are the tints and shades of Honeydew?

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

Its complementary color is #FFF5FF. Triadic partners are #F2FAFF and #FFF4F1; analogous neighbours are #EAFFF9 and #F9FDE9.

What are the OKLCH and RGB values of Honeydew?

Honeydew is #F0FFF0 - OKLCH 0.985 0.025 145°, rgb(240 255 240), in the green family.