Bento Brand Colors
Bento is a personal link-in-bio and digital profile builder that lets creators and professionals aggregate their social media profiles, content, and links into a single customizable page. It targets content creators, freelancers, and professionals managing multiple platforms. Bento's playful grid-based brand reflects its modular, personalized approach to digital presence.
Recorded here is the official Bento palette: Green (#5AFF88) and Cod Gray (#1D1D1D). Against white only Cod Gray meets the 4.5:1 minimum WCAG 2.1 SC 1.4.3 sets for normal-size text, at 16.86:1, leaving the other for fills, headline-size text, and non-text roles.
Bento Color Palette
Bento uses 2 official colors in its brand identity.
Green
#5AFF88
Cod Gray
#1D1D1D
Frequently Asked Questions
What are the official Bento brand colors?
How do I use Bento brand colors in CSS?
color: #HEX; or background-color: #HEX;.
Are these Bento colors official?
What color formats are available?
Can I use Bento brand colors in my project?
What is the primary Bento color?
How do I ensure color accuracy across devices?
Do Bento colors meet accessibility standards?
How often are brand colors updated?
What other brands have similar colors?
Accessibility of the Bento palette
Of the 2 recorded colors, 1 reach the WCAG 2.1 AA ratio of 4.5:1 against a white background — the threshold normal-size body text must meet. Colors below that line are not failures of the palette: they remain valid as fills carrying white text, as large text at the 3:1 threshold, and as borders, icons, and other non-text elements, which SC 1.4.11 also holds to 3:1. A logotype set in such a color is exempt from the requirement entirely.
Reference: WCAG AA vs AAA contrast requirements compared · Contrast Checker
Bento and its associated marks are trademarks of their respective owner. ColorFYI records publicly published brand-guideline color values for reference, editorial, and interoperability purposes, and is neither affiliated with nor endorsed by Bento.