Banana Brick
#e8d82c
Lighter brick-chartreuse for softer highlights and calm charts
About Banana Brick
Banana Brick sits between the dirt-under-fingernails warmth of Caduceus Staff and the fresh-fruit cheeriness of Banana Propaganda. It's lighter and less saturated than both, which means it doesn't demand attention the way they do. There's a softness here that actually reads as approachable without feeling thin or washed out. It's the yellow that works when you want presence without aggression.
You'll land it in interfaces where warmth matters but you're not fighting for contrast, consumer apps, educational platforms, accessibility features where you need something that doesn't strain the eye. It pairs well with mid-tone grays and white without that optical vibration you get with punchier yellows. The kind of color that holds itself without needing darker backgrounds to prove its worth. Fintech uses it less than Caduceus Staff, but more than Banana Drama, because it's got just enough softness to feel trustworthy instead of clinical.
On pale backgrounds it stays clean. Nest it next to navy or charcoal and it doesn't lose itself. It's not the loudest yellow in the system, and that's the entire point.
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.