Sunbeam
#f5edb2
Sunlit pale chartreuse warmth for optimistic panels
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 Moon Dance, it's more assertively green and less yellow-warm; compared with Lazy Daisy, 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.
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
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
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
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.