Sunbeam

#f5edb2

Sunlit pale chartreuse warmth for optimistic panels

Save
Share

About Sunbeam

Sunbeam reads like sunlit paper that has a whisper of green in it, not quite butter, not quite mint. It's light and airy, but its saturation stays just enough to feel like a deliberate tint rather than a near-white. Compared with , it's more assertively green and less yellow-warm; compared with , it holds onto a cleaner, brighter lift and doesn't go dry and chalky.

For me, the one you reach for when you need a light green family background that feels fresh in a UI, especially for dashboard shells and long-scroll reading layouts. I'd use it for SaaS settings pages, healthcare and wellness portals, and editorial sidebars where you want "green room" calm without turning into a faded straw wash. It also behaves nicely behind step chips, table headers, and map legend panels in logistics and ag-tech, because it stays readable without flattening the design.

Pair it with deep olive or a slightly cooler gray so the green stays intentional. Next to very warm beiges, it can tip toward look-through parchment fast.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
1.19:1Fail

On Gray 100 #f5f5f5

Aa
1.09:1Fail

On Gray 900 #18181b

Aa
14.88:1AAA

On Black #000000

Aa
17.64:1AAA

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Sunbeam

Open the generator with this color pre-loaded.

Start creating