Solar
#fbeab8
Sunlit honey-beige green, warmer and softer than nearby
About Solar
Solar reads like a bright lamp-shade glow on a warm sheet of paper. It's pale, but it doesn't feel washed out. Compared to Candle in the Wind, it's a bit more lifted in lightness and less "middle-of-the-road peach," so it stays clearly yellow-forward rather than turning softly creamy.
Compared to Banana Mania, Solar holds back on saturation. You still get warmth, but it won't push attention the way a more color-bodied yellow background can. I treat it as warmer than true off-white for UI shells that need friendly presence without becoming a statement. Think onboarding screens and settings panels for SaaS, marketing pages for food brands, and the one you reach for in healthcare and wellness portals where the page should feel light, not clinical.
If you pair it with deep olive or charcoal, it gains structure fast. Against cooler grays it can lean slightly louder, so I usually test it next to your primary type color before locking in.
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.