Gallery / Color palette
bento.page color palette
The brand palette extracted from bento.page — primary, accent, neutral, background, and text colors with copy-ready hex codes and one-click export to CSS, Tailwind, and design tokens. Last updated August 16, 2026.
Gold
#ffd43a
rgb(255, 212, 58)
hsl(47, 100%, 61%)
Sandy Brown
#ff9e8a
rgb(255, 158, 138)
hsl(10, 100%, 77%)
Charcoal
#33465e
rgb(51, 70, 94)
hsl(213, 30%, 28%)
Slate Gray
#5d7494
rgb(93, 116, 148)
hsl(215, 23%, 47%)
Chocolate
#c35e41
rgb(195, 94, 65)
hsl(13, 52%, 51%)
White Smoke
#f4f2ed
rgb(244, 242, 237)
hsl(43, 24%, 94%)
Midnight Blue
#15253a
rgb(21, 37, 58)
hsl(214, 47%, 15%)
Midnight Blue
#141310
rgb(20, 19, 16)
hsl(45, 11%, 7%)
About the bento.page color palette
bento.page's brand palette is built around Gold (#FFD43A) as its primary color, paired with Sandy Brown (#FF9E8A) as an accent. Below are all 8 colors with copy-ready hex, RGB, and HSL values, plus one-click export to CSS variables, Tailwind, and design tokens.
- Gold · Primary
- — the dominant brand color — used for logos, primary buttons, and key moments.
- Sandy Brown · Accent
- — a secondary highlight for links, callouts, and interactive states.
- Midnight Blue · Neutral
- — a supporting tone for borders, dividers, and muted UI surfaces.
- White Smoke · Background
- — the base surface the rest of the palette sits on.
- Midnight Blue · Text
- — the primary readable foreground color.
Frequently asked questions
What is bento.page's primary brand color?
bento.page's primary brand color is Gold, hex #FFD43A.
What accent color does bento.page use?
bento.page pairs its primary with Sandy Brown (#FF9E8A) as an accent.
How many colors are in the bento.page palette?
This palette lists 8 role-labeled colors — primary, accent, neutral, background, and text — each with copy-ready hex, RGB, and HSL values.
Can I use the bento.page color palette?
You can copy any hex code or export the whole palette to CSS variables, Tailwind, or design tokens. Brand colors may be trademarked, so use them for inspiration or compatibility — not to imitate a brand.
Want a palette from your own site?
Fetch a palette