Lemon Peel
Luminous and warm energetic yellow hue
Lemon Peel is a luminous yellow that feels warm and approachable. It works best as a high-visibility accent for sale graphics or budget-focused call-to-action buttons. Since this tone is very light, pair it with deep charcoal or navy to provide enough visual definition. The hex code is #ffed80. It maintains excellent readability with black text, making it a reliable choice for accessible UI components.
About Lemon Peel
Butter melting into warm toast
What does lemon peel mean?
Lemon peel often signals cheerfulness, freshness, and easygoing energy, and it commonly evokes citrus, sunlight, and kitchens. Its high lightness and softened saturation give it a mellow, warm glow rather than the sharpness of a full yellow.
Where you see lemon peel
- lemon rind
- butter
- vanilla custard
- sticky notes
- banana flesh
- corn kernels
What it works for
Use it for nursery palettes, kitchen accents, stationery, and soft backgrounds where yellow should stay gentle and luminous.
What colors go with lemon peel?
Sage Green #9caf88The soft yellow warms the cool green while both stay light and easy on the eye.Plum #8e4585Deep purple sits opposite on the wheel, so the pale yellow reads bright and clean beside it.Slate Blue #6a5acdThe muted blue tempers the yellow's sweetness for a balanced, grown up palette.Terracotta #e2725bBoth colors share warm undertones, so the pairing feels sunlit and grounded.Charcoal #36454fNear black text and lines keep the pale yellow from dissolving into the background.Dusty Rose #b56f76The muted pink leans into the yellow's warmth without turning the mix syrupy.
Questions about Lemon Peel
What is the hex code for Lemon Peel?
Lemon Peel is #ffed80. In RGB that is rgb(255, 237, 128), in HSL hsl(51, 100%, 75%) and in CMYK 0%, 7%, 50%, 0%.
Is Lemon Peel readable on white or black?
Lemon Peel has a 1.18:1 contrast ratio on white and 17.67:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.